技术开发 频道

Silverlight与HTML集成方法

  【IT168 技术】Object元素可以被用于Silverlight插件的HTML嵌入和配置,但是要在浏览器兼容的方式下进行。比较常见的应用有俩种,一个是嵌入 Silverlight 插件,并将该应用程序指定给宿主。另一个是指定在未安装 Silverlight 时显示的备用 HTML。

  这些应用对应于 HTML 页的不同部分,尤其是,对应于 object 元素的不同配置参数。首先我们来介绍怎样使用每个过程中的代码段。最后把他们结合起来,就确保得到了跨浏览器兼容性,并基于 Visual Studio 和 Expression Blend 用来动态生成测试页的模板。

  嵌入插件

  将 object 元素添加到 HTML,并指定属性和子 param 元素。

<object width="300" height="300"
    data
="data:application/x-silverlight-2,"
    type
="application/x-silverlight-2" >
    
<param name="source" value="SilverlightApplication1.xap"/>
</object>

  width 和 height 属性是跨浏览器兼容性所必需的。可以相对于父元素的宽度和高度指定固定像素值或百分比。如果使用相对大小调整,可以通过处理 Content.Resized 事件对插件大小的更改做出响应。

  type 属性和显示的特定值也是必需的。此值使用 Silverlight MIME 类型来标识插件和必需的版本。建议使用 data 属性及其值,以避免某些浏览器出现性能问题。请注意数据值的尾随逗号。它表示具有空值的第二个数据参数。名为 source 的 param 元素是必需的,该元素表示应用程序文件的位置和名称。通常在相对于 HTML 文件的位置指定一个 .xap 应用程序包。

  指定要在未安装 Silverlight 时显示的备用 HTML

  向子 param 元素后的 object 元素添加 HTML 内容。

<object id="SilverlightPlugin1" width="300" height="300"
    data
="data:application/x-silverlight-2,"
    type
="application/x-silverlight-2" >
    
<param name="source" value="SilverlightApplication1.xap"/>

    
<!-- Display installation image. -->
    
<a href="http://go.microsoft.com/fwlink/?LinkID=149156"
        style
="text-decoration: none;">
        
<img src="http://go.microsoft.com/fwlink/?LinkId=108181"
            alt
="Get Microsoft Silverlight"
            style
="border-style: none"/>
    
</a>
</object>

  该示例显示了默认安装映像源和安装程序 URI。使用这些 URI,服务器可以检测到用户的浏览器设置以提供正确版本的安装映像和安装程序。如果用户的浏览器不受支持,单击映像可使浏览器打开 Silverlight Requirements页。

  为了将 Silverlight 安装体验集成到网页中,可以任意提供复杂的备用 HTML。不过,在许多情况下,用户必须在安装 Silverlight 后重新启动或刷新浏览器。对于 Internet Explorer 而言,只需要刷新浏览器,除非用户安装的是早期版本的 Silverlight 并通过安装链接升级。也可以自动刷新浏览器,或者通过使用 Silverlight.js 文件中的帮助器功能取消刷新要求。还可以使用 Silverlight.js 执行细化的浏览器要求检测。

  下面的代码示例提供了使用整个浏览器窗口的 Silverlight 应用程序的完整 HTML 页。该示例基于当您选择动态生成测试页时 Visual Studio 所使用的默认 HTML。该示例使用级联样式表 (CSS) 和 div 元素来包含插件。这可以确保插件延伸到浏览器窗口的边缘。此元素和其他附加到 HTML 的元素有助于确保跨浏览器兼容。

  iframe 元素也用于确保跨浏览器兼容性。iframe 的存在可避免 Safari 浏览器缓存页面。当用户向后导航到以前访问过的 Silverlight 页面时,Safari 缓存可避免重新加载 Silverlight 插件。该示例使用 JavaScript 函数处理插件的 OnError 事件。JavaScript 错误处理程序在调试过程中很有用,但通常在部署应用程序时将其移除。

0
相关文章