使用 Silverlight 进行渐进式增强

Question

我可以使用 Javascript 检测客户端是否具有在页面中运行 Silverlight 部分所需的运行时，并加载（如果有），否则在该区域留下静态图像或其他内容？

我想向页面添加一些 Silverlight，但它不是页面的重要部分，因此如果他们没有安装它，我宁愿默默地退回到纯粹的 Web 标准内容，而不是放置一些要求他们安装的东西。

Answer 1

标准示例页面（例如当您从 Visual Studio 运行 silverlight 应用程序时构建的页面）可以为您处理此问题。

   <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
      <param name="source" value="SilverlightApplication1.xap"/>
      <param name="onError" value="onSilverlightError" />
      <param name="background" value="white" />
      <param name="minRuntimeVersion" value="3.0.40624.0" />
      <param name="autoUpgrade" value="true" />
      <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration:none">
          <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/>
      </a>
    </object>

请注意，当对象标签无法实例化与该类型关联的对象时，它会呈现内部 html。因此可以修改内部 html 以显示您认为合适的后备内容。