资讯频道 → 移动开发
阅读更多

3顶
1踩

移动开发

原创新闻 让针对 Webkit 优化的网站兼容 WP8 IE10

2012-11-16 12:25 by 副主编 wangguo 评论(1) 有9297人浏览
webkit ie windows phone html5

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

微软Windows Phone开发者博客今日发表了一篇博文，阐述了如何让针对Webkit浏览器（iOS或Android）优化的网站完美运行于Windows Phone 8的IE10浏览器上。

微软表示，由于IE10大大改善了对于HTML5的支持，因此，开发者可以轻松使针对WebKit浏览器优化的网站也支持IE10，这意味着开发者只需更改少量的代码，即可为用户提供统一的浏览体验。

第1步：检测Windows Phone 8版IE10浏览器

微软之前公布了IE10的user-agent字符串： 

Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; ARM; Touch; IEMobile/10.0; <Manufacturer>; <Device> [;<Operator>])

这个过程完成后，如果还存在差异，最好采用特征检测，或者参照其他编写跨浏览器代码的最佳实践。需要注意的是，WP8中的IE10不支持Flash视频，因此，请确保网站中使用的是HTML5视频。

此外，还需要更新网站依赖的第三方库，如jQuery Mobile，确保支持最新的浏览器。

第2步：确保使用标准模式

确保IE10以最符合标准的模式来渲染你的网站。可以采用以下方式：

  • 使用HTML5 doctype：<!DOCTYPE html>
  • 可以在HTTP头中添加<meta http-equiv="x-ua-compatible" content="IE=edge" />指定使用最新的IE版本来渲染
第3步：更新CSS和DOM API

你还需要对网站的一些代码进行更改，最简单的方式是，将一些针对WebKit的特定CSS属性或JavaScript方法，更改为不带前缀的标准形式或带MS前缀的形式。

详见：CSS and DOM API updates

第4步：更新触摸和鼠标事件

WebKit和IE10对于触摸和鼠标事件的处理是不同的。WebKit的触摸事件接口与鼠标处理事件是分开的，而IE10将触摸、鼠标和手写笔事件整合到了一个接口中。因此，需要对代码进行调整。

详见：Updating touch and pointer events

第5步：处理不标准的行为

最后需要处理其他未形成W3C标准的方法。在这些情况下，WebKit和IE10解决方案可以共存于一个网站中。

Via Windows Phone开发者博客
  • 大小: 45.7 KB
  • 大小: 23.4 KB
  • 大小: 34 KB
  • 大小: 26.9 KB
  • 大小: 42.5 KB
3
顶
1
踩
评论 共 1 条 请登录后发表评论
1 楼 lonelybug 2012-11-18 23:19
我觉得微软现在还生活在错觉中，他应该修改自己的IE10来更贴近HTML5相关标准，因为现在已经不是她一家独大的时代了。再加上浏览网页很多通过ipad等设备其基本运行已webkit为核心的浏览器。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • freeTextBOx(已配置好，可上传图片)

    配置好适用于asp.net版本，可上传图片，也可对上传图片删除。

  • FreeTextBox中手工上传和插入图片

    上传图片更简便和可增加简单上传视频功能。当使用File上传后，取得文件扩展名newext,在FreeTextBox内容的最后插入图片或RealPlayer视频。 newext=newext.ToLower();this.FreeTextBox1.StartMode=EditorMode.HtmlMode;if(newext==".png"||newext==".jpg...

  • FreeTextBox上传图片

    FreeTextBox基本用法和上传图片 eWebEditor、WebHtmlEidtor   等许多在线编辑器默认都有一个功能，可以实时把图片上传到服务器并插入到编辑器里面，而在 Freetextbox 默认的“插入图片”只能让你插入一个图片网址，如果你需要实时上传图片和对图片进行设置的话，就要打开强大的 InsertImageFromGallery 功能。虽然网上能搜到不少

  • 可以本地上传图片的FreeTextBox Demo

    可以本地上传图片的FreeTextBox.网络上的Freetextbox只可以插入网络地址。

  • 可插入图片的FreeTextBox(源码)

    本控件是在FreeTextBox 1.6.3 中文版基础上增加上传图片的功能，上传的图片保存在upimage文件夹下.演示地址: http://www.gdqd.com/test.aspx源代码下载 http://www.cnblogs.com/k98188/archive/2006/10/08/523837.html 

  • 让FreeTextBox（一个HTML编辑器） 支持上传本地图片并插入编辑器中

    ====================================================== 注：本文源代码点此下载 ====================================================== 如果你不是很明白html编辑器的原理,请您看看我专门写的这个简单例子,演示了将一个iframe变成html编辑器,让编辑器load数据,在编辑器的

  • HTMLWeb编码器FreetextBox(里面说明书)

    ASP.NET HTMLWeb编码器FreetextBox(里面说明书) 很方便的webhtml编码器

  • 关于FreeTextBox中的图片上传小结

    弄了一个FreeTextBox来玩.好象目前最高版本3-1-3.下载下来发现default的设置没有上传文件的功能.看了一下,也不难.以下作为小结,可能以后用的到. 如何设置FTB的example?在此文件夹内新建一个名为bin的文件夹,并把你想用的版本的FreeTextBox.dll 放进去.在此文件内新建一个名为web.config的文件,写入以下代码: Code hi

  • 几款常见的可视化HTML编辑器(WYSIWYG).

    目前HTML编辑器可以说是种类繁多, 特别是国外, 开源的商业的, 各种版本, 不一而足. 我只是简单介绍几个常见的免费/开源 的可视化HTML编辑器 (WYSIWYG).HTMLArea功能一般, 文件不大, 支持是几种语言, 比较容易定制, 使用广泛,支持IE/Firefox/Mozilla等多种浏览器. 遵循BSD版权, 目前最新版是3.0.官方网站: http://www.htmlarea

  • 本地Markdown编辑器推荐

    以前用markdown记东西都是网页编辑器例如作业部落、MarkdownEditor，一直想找一个本地可以离线使用的markdown编辑器。以下就是我找到并且亲自尝试的一些了，这篇文章是适用于Windows的。 文章借鉴了我在sitepoint上看到了The Best Markdown Editor for Windows，原文写于2017年，作者推荐了几个他用过的Windows的编辑器（当然对现...

  • FreeTextBox控件上传图片到指定的绝对路径的改进

    大家都用FreeTextBox控件，本人也非常喜欢用它，特别是发布图文信息的时候非常有用，上传图片的小插件是ftb.imagegallery.aspx里面有源代码，我们可以更改，比如添加只有登录才能访问啊，对上传图片的类型进行检测啦（该控件已有的图片类型检查室已检查文件名后缀来进行的，会存在安全隐患，所以必须自己写），呵呵，好像跑题了，今天的重点是要让图片上传到指定的绝对路径。因为本控件，原始

  • 用JS给html插入text的不常见方法

    我们在前端开发的过程中一定会有向html插入数据的经历，常见的是在元素上用innerHTML或者appendChild方法，这儿给大家再推荐3个方法，欢迎指正。 第一种：Element.insertAdjacentHTML() insertAdjacentHTML()将指定的文本解析为HTML或XML，并将生成的节点插入指定位置的DOM树...

Global site tag (gtag.js) - Google Analytics