今天我们公佈了一个免费的 IE 兼容性检测工具 modern.IE,能让网站的开发人员更轻松的检测他们的网站在 IE 浏览器中亮丽且正确地呈现。
在 modern.ie 发表的同时,我们也在此宣布与 BrowserStack 合作,BrowserStack 提供数一数二的浏览器测试服务,开发人员能藉此测试网站在任何浏览器或操作系统上的呈现效果,在接下来一年之中,只要通过 modern.IE 连线此服务,将提供
三个月的免费使用。
IE9 与刚上市的
IE10 开启了IE史上的全新章节,但同时我们也发现若是使用旧版 IE 的用户,较难进行网页的测试,尤其是对非 Windows 平台的开发人员而言更是难题。因此,我们希望能藉着这个工具帮上忙、让网页技术更进步。真诚地希望网页开发人员因此能将时间花在创新而非测试上。
过去这几年来我们已做了不少努力:导入
自动更新协助消费者自动更新至最新版IE、通过平台预览版(Platform Preview)提早搜集开发人员的建议、全面采用
现代网页标准搭配
最优异的效能与
高级触控应用等等,我们也将会持续不停地努力。
在与众多的网页开发人员讨论过后,我们的发展方向显然是正确的,但不可否认地,针对旧版浏览器的支持仍是一大挑战,此时便轮到
modern.IE 登场了。
通过全新的代码侦测工具以检测代码的一般性问题
modern.IE 是我们为了让网页与IE的开发变得更容易而提供的工具,其功能包含搜索网页中的语法,并找出可能影响使用者体验的常见错误,开发人员只需输入网页URL便能进行测试。
仅需几秒钟,
modern.IE就可以将结果分为以下三大类,并提供网页的更新建议
1. 支持旧版IE常见问题
新版 IE 9与 IE10 支持 HTML5 网页标准,但旧版却不支持,因此开发人员通常得针对两者分别写不同的代码,这也提高了不同版本 IE 测试的难度,测试精灵能找出常见的兼容性问题并提供建议给开发人员,例如遇到无法支持的功能而改以用兼容模式(让浏览器能辨认jQuery 等旧版网页框架)。
modern.IE 也能指出任何可能让浏览器改以兼容模式而非最新版 IE 开启的问题。搭配平台预览(Platform Preview)的功能,开发人员能够更轻易地规划各版本间的不同之处。基于安全与隐私,我们将不会在网页上透露这些技术细节,但开发人员可直接与我们联系,免费取得这些资讯与技术团队的支持。
2. 协助网页在跨浏览器、跨平台上的体验
另一项功能便是让网页能适用于日益增加的各种屏幕尺寸,不论是手机、桌上型电脑、笔电、平板电脑、甚至是大型电视等等。通过功能侦测(Implementing feature detection)、最佳的 CSS 语法校调、建立免附加组件环境(plug-in free)、以及回馈式网页设计使用(responsive web design)等,都能省下不少跨平台测试的时间,也能在各平台上提供使用者一致的使用体验。
3. 结合 Windows 8 的全新功能
包含了关于触控浏览体验与开始画面动态磁贴的相关建议,开发人员可藉由这些新功能,提供使用者更个人化的浏览体验。
网页精灵并不是将编写网页的所有项目都条列出来,而是著重于能够明显改善整体使用体验的部分,我们打算持续改良 modern.IE,也希望开发人员能一同协助,我们鼓励各位能尽情
提供建议,让我们能持续改善它。
更多关于
modern.IE 工具为什麼重要以及侦测等技术细节,皆会陆续在
IE Blog 中分享。
BrowserStack 免费虚拟测试服务
有另一个问题也同样令开发人员头痛,为了能对网页进行完整测试,往往需要在各种平台上安装各种浏览器,因此,
modern.IE包含了使用 BrowserStack 的服务,
BrowserStack 是著名的虚拟网页测试网站,不论开发人员所使用何种设备,皆能藉由它们来测试网页在各浏览器下,在 Windows上 的运行状况。任何通过
modern.IE 过去的开发人员,皆能获得
三个月免费服务 (优惠有效日期为 2014 年 1 月 10 日前)。
有了像 BrowserStack 这样类型的服务,开发人员便不再需花费心思维护自有的测试设备,任何测试浏览器的工程都可通过云端进行维护。
我们也提供了 Chrome 与 Firefox 的附加组件,开发人员只需点一下鼠标便能连至 BrowserStack 的服务。
此外,我们也即将提供开发人员不论是在 Mac、Linux、PC下都能使用的本机端 Windows 加 Internet Explorer 的免费虚拟映像档,用来进行测试。开发人员可至
modern.IE下载。
跨浏览器编写的最佳范例
在与世界各地数百名开发人员和合作伙伴的沟通与讨论后,我们归纳出了前20项小技巧,有助于解决编写网页与IE时大部分的兼容性问题。
想让新一代浏览器的代码同时支持旧版浏览器,又不花费太多成本真的是项艰辛的挑战,也狠难在各种开发工具、程式范例库、程式原始码之中找到最合适的工具。虽然目前清单中并未将所有开发人员的意见列入,但我们选择了一些最常见的范例,希望藉此让网页编写变得更容易、更简单。我们也请到了两位专家协助维护这份清单:Dave Methvin(jQuery基金会创办人)与 Rey Bango(微软Technical Evangelist兼前jQuery专案成员)。为了能逐步改进这份清单,希望您也能
提供建议。
设计更现代化的网页
Modern.IE 只是我们对开发人员长期承诺的其中一环,目的是协助开发人员将时间花在更多惊人的创作而非测试兼容性,下次当您需要测试网页时,便可试试
modern.IE,同时也可以试著让 BrowserStack 成为下一个专案的助力。
Ryan Gavin
General Manager Internet Explorer标签:IE动态检测IE WebModern