应对分裂的浏览器开发环境,微软推出兼容性测试工具Modern.IE

2

昨天我在《前端工程师必备:细数那些好用的网站开发工具》中介绍了一些字体库、代码库、插件库、配色方案资源。实际上,在Web开发时,开发者还经常遇到浏览器兼容性的问题,而其中最大的麻烦就是各个IE版本之间的兼容性——根据Net Applications的数据,2013年2月,IE浏览器全球市场份额为55.82%,其中,IE10为1.58%、IE9为21.67%、IE8为23.38、IE7为2.01%,而IE6仍有6.33%。如此大的市场占有率和版本分裂状况着实让人头疼,为了让开发者更方便地进行网页优化,微软在近期推出了一款主要针对IE各个版本兼容性问题的测试工具——Modern.IE,并刚刚将中文版上线。

U6680P2DT201303011840142

 Modern.IE最重要的功能是“扫描网页”,开发者只需输入网页的URL,Modern.IE便能找出所有可能影响浏览体验的常见错误。这些错误有三大类:与旧版IE浏览器产生的兼容性问题,在多设备、跨平台上是否能够正常运行,以及与Windows 8新特性的匹配状况。

通过Modern.IE,开发者能够更加方便地访问兼容性检查数据。当开发者为旧版IE所编写的网页代码与新版IE浏览器(IE9、IE10)产生兼容性问题时,工具会建议你使用自动化JavaScript工具来检测并删除网站中的旧标记,进而确保站点与当前版本的IE浏览器兼容。

由于旧版本的这些网页基础组成部分也会导致兼容性问题,而库兼容性问题主要发生在jQuery和Prototype等相关JavaScript框架中,Modern.IE会对它们进行自动检测,并给出相关的兼容性解决方案。除此以外,由于较早版本的标记码将会强制所有版本的IE浏览器均按IE8方式进行呈现,这会严重影响HTML5站点性能,Modern.IE也能简单的解决这个问题。

为了保证网页在多浏览器、多设备下更好地运行,Modern.IE可检测当前网页CSS代码中是否缺失特定前缀而导致相关兼容性问题并判断它是否使用CSS3的新特性Media Queries。该特性允许开发者在不改变内容的情况下,通过改变页面的布局以精确适应不同的设备,在屏幕上显示最佳效果,以加强浏览体验

8.10.42

微软当前的重心当然是Windows 8,所以为了激励开发者开发更符合Windows 8特性的产品,他们也在Modern.IE中加入了这些功能——它会建议当用户使用触控浏览器(如IE10)访问站点时的设置默认行为。当用户使用常见触控手势进行操作时,浏览器就能自动判断出用户将要执行的操作。

8.10.58

当然,Web开发者要面对的远远不止是IE浏览器的分裂,还要在不同的系统环境下对其他的主流浏览器进行测试。考虑到这个问题,微软在Modern.IE中提供了本地测试用的虚拟机VHD文件并内置了虚拟网页兼容性测试服务BrowserStack包含Chrome与Firefox下的浏览器组件。开发人员只需单击网页中的选项,便能直接连至BrowserStack虚拟测试服务。与直接使用BrowserStack相比,Modern.IE内置版本提供三个月的免费使用期。

4

订阅更多文章