阅读更多

3顶
1踩

移动开发
微软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(源码)

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

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

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

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

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

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

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

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

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

  • FreeTextBox的问题终于解决了

    FreeTextBox的问题终于解决了  这两天,FreeTextBox的问题一直困扰着我。这个问题在以前的文章中我已简单描述过。也就是在回复页面, 如果我用FreeTextBox代替TextBox,提交时却不能得到FreeTextBox中的内容。今天我终于找到了问题的真正原因,原来是.Text将ViewState关闭了。害得我走了很多弯路,我一直以为是MasterPages引起的,这两天一直在研

  • 烂泥:HTML编辑器中使用img插入图片

    本文首发于: 烂泥行天下  www.lanni654321.com 首先,要说明一点,我现在使用的这个系统的网络编辑器,不支持图片的插入功能。但是,我现在要实现这个功能,因为在我的文章中要出现大量的图片。 如果不能插入图片的话,那是一件很纠结的事情,而且也会影响到整篇文章的效果。 其次,对于HTML语言我是不懂的,也没有时间去学习它了。 而我现在的目的就是要把服务器上已经上传的图片,插入到...

  • freetextbox显示图片

    toolbarlayout="ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu,FontForeColorPicker,FontBackColorsMenu,FontBackColorPicker|Bold,Italic,Underline,Strikethrough,Superscript,Subscript,RemoveF

Global site tag (gtag.js) - Google Analytics