信息
您所需的主题如下所示。但此主题未包含在此库中。

Windows Phone 8 的 Web 开发

2014/6/18

适用于:Windows Phone 8 和 Windows Phone Silverlight 8.1 | Windows Phone OS 7.1

 

面向 Windows Phone 的 Internet Explorer 基于计算机版的 Internet Explorer;但 Web 开发人员应该考虑到一些差别。此主题从高层面描述了与 Internet Explorer 10 相关的 Windows Phone OS 8.0 和与 Internet Explorer 9 相关的 Windows Phone OS 7.1 之间的一些差别。有关设计手机网站的一般信息,请参见为手机浏览器设计网站

本主题包括以下部分。

 

Windows Phone OS 8.0 和 Windows Phone OS 7.1 对面向 Windows Phone 的 Internet Explorer 提供不同级别的支持。

Windows Phone OS 8.0 支持的标准和技术

面向 Windows Phone OS 8.0 的 Internet Explorer 支持在 Internet Explorer 10 开发人员指南中列出的技术和标准,但本主题中在“面向 Windows Phone OS 8.0 的 Internet Explorer 不支持的功能”一节中列出的项除外。

面向 Windows Phone OS 8.0 的 Internet Explorer 支持的其他功能

下面是一些在面向 Windows Phone OS 8.0 的 Internet Explorer 中支持但在计算机版的 Internet Explorer 10 中则不支持的功能。

  • GPS 对 HTML5 地理位置定位的支持。Windows Phone 使用设备上的位置堆栈并使用 GPS(如果 GPS 可用)。

  • 对视区 META 标记及其设置的支持,如本主题中视区设置一节中所列的。

  • 对文本缩放的支持。

  • 对 CSS 属性 –ms-text-size-adjust 的支持,如本主题的“使用自定义 CSS 调整文本大小”一节中所述。

  • 对于自定义和禁用链接突出显示的支持,例如 <meta name="misapplication-tap-highlight" content="no"/>

面向 Windows Phone OS 8.0 的 Internet Explorer 不支持的功能

下面是一些在 Internet Explorer 10 的计算机版中支持但在面向 Windows Phone OS 8.0 的 Internet Explorer 中则不支持的功能。

  • InPrivate 浏览。

  • CSS 触控视图 - 特别是概述、滚动和加速滚动。

  • 与笔势事件相关的旋转和角度事件。

  • -ms-hyphens support.

  • 内联 HTML5 视频。

  • 对 VBScript 支持。

  • 对 ActiveX 支持。

  • 跨窗口通信,例如能够通过使用脚本以某个窗口为目标。

  • 通过浏览器帮助器对象、工具栏及其他相关项的可扩展性。

  • 对旧 Web 技术(如二进制行为、HTC、HTML+TIME 和 VML)的支持。

Windows Phone OS 7.1 支持的标准和技术

面向 Windows Phone OS 7.1 的 Internet Explorer 支持在 Internet Explorer 9 开发人员指南中列出的技术和标准,但本主题中在“面向 Windows Phone OS 7.1 的 Internet Explorer 不支持的功能”一节中列出的项除外。

面向 Windows Phone OS 7.1 的 Internet Explorer 支持的其他功能

下面是一些在面向 Windows Phone OS 7.1 的 Internet Explorer 中支持但在计算机版的 Internet Explorer 9 中则不支持的功能。

  • GPS 对 HTML5 地理位置定位的支持。Windows Phone 使用设备上的位置堆栈并使用 GPS(如果 GPS 可用)。

  • 对视区及其属性的支持,如“视区设置”一节中所列。

  • 对 CSS 属性 –ms-text-size-adjust 的支持,如本主题后面的“使用自定义 CSS 调整文本大小”一节中所述。

面向 Windows Phone OS 7.1 的 Internet Explorer 不支持的功能

下面是一些在 Internet Explorer 9 的计算机版中支持但在面向 Windows Phone OS 7.1 的 Internet Explorer 中则不支持的功能。

  • InPrivate 浏览。

  • 跟踪保护。

  • 反钓鱼支持。

  • Internet Explorer 8 文档的向后兼容性。面向 Windows Phone OS 7.1 的 Internet Explorer 将采用 Internet Explorer 9 模式呈现这些文档。

  • 跨窗口通信,例如能够通过使用脚本以某个窗口为目标。

  • 多流 HTML5 音频。

  • 可下载的字体,如 EOT、TTF/OTF 和 WOFF 字体。

  • CMYK 图像支持。

  • 对 VBScript 支持。

  • 对 ActiveX 支持。

  • 通过浏览器帮助器对象、工具栏及其他相关项的可扩展性。

  • 活动文档支持。

  • 对旧 Web 技术(如二进制行为、HTC、HTML+TIME 和 VML)的支持。

  • 对所有文档模式中复杂脚本语言的完全支持。

  • 代理项对支持。

  • JIT 对 Jscript 的支持。

  • 一些 <video> 标记特性和事件。面向 Windows Phone OS 7.1 的 Internet Explorer 不支持预加载音频或视频文件,也不支持音频或视频文件的自动播放。因此,preloadautoplay 属性不受支持,canplaycanplaythrough 事件也不受支持。

  • 将元素放置在与布局视区相对的固定位置。

视区布局是一个矩形区域,用于控制文档内容的布置方式以及页面上文本的换行位置。面向 Windows Phone 的 Internet Explorer 支持以下视区 META 标记和值对设置。

属性名

width

设置视区的宽度。

可以是任意整数或 device-width

范围是从 320 到 10,000。

默认值为 320。

在具有 Windows Phone 8 Update 3(即具有 8.0.10492 版本或更高版本)的设备上,device-width 将返回一个是物理屏幕宽度 160 倍的值(以英寸为单位)。如果物理屏幕宽度无法确定,则 device-width 将返回一个与屏幕分辨率成比例的估计值。

height

设置视区的高度。

可以是任意整数或 device-height

范围是从 480 到 10,000。

user-scalable

指示用户是否可以缩放视区,换句话说,也就是用户是否可以放大和缩小内容。

yesno

推荐的默认值为 yes

说明注意:

尽管在某些浏览器中可以使用,但面向 Windows Phone 的 Internet Explorer 当前不支持 minimum-scalemaximum-scaleinitial-scale 属性。

面向 Windows Phone 的 Internet Explorer 为开发人员提供了通过设置 –ms-text-size-adjust CSS 属性控制网页文本大小的选项。当用户双击某个页面元素时,面向 Windows Phone 的 Internet Explorer 缩放视区以将双击的元素放置在屏幕的可见区域中。相对应的文本也缩放为易读的大小。开发人员可以选择对经过调整的文本大小进行控制,也可以选择将其关闭。

说明注意:

将忽略存在视区标记位置的 –ms-text-size-adjust 属性。

以下示例关闭 HTML 页面的文本大小调整:

html { -ms-text-size-adjust:none }

以下示例打开 HTML 页面正文的自动文本大小调整:

body { -ms-text-size-adjust:auto }

以下示例对 HTML 页面的某个部分按 150% 调整文本大小:

div { -ms-text-size-adjust:150% }

与面向 Windows Phone OS 7.1 的 Internet Explorer 相比,在面向 Windows Phone OS 8.0 的 Internet Explorer 中使用 CSS 固定定位放置的元素行为有所不同。在 Internet Explorer Windows Phone OS 8.0(以及计算机版)中,固定元素是相对于浏览器窗口的客户端视图来放置的。这意味着,如果某个元素固定在右下角的视图中,则该元素将始终固定出现在右下角的视图中,即使当用户向上、向下、向左、向右滚动页面时也是如此。在 Windows Phone OS 7.1 上,相对于文档自身放置固定元素,并且当用户滚动页面时可能不在视图中。这意味着,如果某个元素相对于文档的右下角固定,则当用户导航到网页的右下角时,用户才会看到该元素。

说明注意:

当用户放大或缩小文档时,固定的元素也将相应地进行缩放。

与计算机版浏览器不同, Windows Phone 的 Internet Explorer 用户不能下载或安装第三方插件,如 ActiveX 控件。网页不应提示用户下载插件。

为了确保 Windows Phone 8 设备上的 WebBrowser 控件正确初始化,请验证 Browser_Loaded 事件处理程序将 IsScriptEnabled 属性设置为 true,然后再导航至您的 HTML 内容,如下例所示:


        private void Browser_Loaded(object sender, RoutedEventArgs e)
        {
            Browser.IsScriptEnabled = true;
            Browser.Navigate(new Uri(MainUri, UriKind.Relative));
        }

显示: