程序员人生 网站导航

使用modern.IE来设计更现代化的网页

栏目:互联网时间:2014-09-24 11:09:48

modern.IE是一个开发人员中心,提供免费的工具和资源,旨在使您能够花更少的时间来测试各种版本的 Internet Explorer,并留出更多时间在现代Web上构建重要的内容。


Modern.IE体验网站

相对于国外同行丰富的HTML5技术基础而言,国内的开发者对于新标准的了解还明显不够。好在,各大浏览器都推出了相应的开发者工具,其中就包含微软提供的morden.IE工具。

提到morden.IE就不得不说一下新的IE11,随着最具革命性的Windows 8.1发布的IE11对于HTML5更完善的支持,无异是推进互联网发展的强大力量。至此,众多浏览器厂商已经准备就绪,将舞台留给了开发者。

对于开发者而言,在重写网页代码的时候,最头疼的是新标准的兼容性。HTML草案中林林总总的改进并不是所有人都能够记得清楚的,这对网站的侦错或者兼容性调整而言是一个障碍。为了让开发者的工作更为流畅和轻松,微软推出了morden.IE工具。

morden.IE包含两个部分,其中一部分是和PageSpeed以及YSlow类似的Web扫描工具,另一部分则是与BrowerStack合作的免费虚拟测试工具。虽说同为Web扫描工具,morden.IE与侧重JS于CSS性能检测的PageSpeed以及YSlow有些不同,morden.IE更为侧重网站的兼容性检测,在保证网站支持新的HTML5标准的同时,也能够与旧版IE进行兼容,保证不同用户的良好浏览。

其中包含3类问题:

1.解决关于兼容旧版IE的常见问题

与新版的IE10以及IE11不同,旧版本的IE并对于HTML5支持并不完善,为了保证网站的兼容性,开发者往往需要编写两套不同的代码。这样会大量增加测试的工作量,寻找不同版本的IE浏览器兼容的特性或者jQuery框架支持等等。而morden.IE会对类似的问题进行特使,使开发者的测试工作得以简化。

2.帮助网站在多种浏览器和设备上正常运行

不同的计算机,移动设备往往会搭载不同的浏览器以及不同的屏幕分辨率,一般而言,一个网站是不太可能为不同的设备进行不同的视觉优化的,这样会给开发者带来难以想象的工作量。一般开发者都会通过CSS框架,编写一套通用的界面代码,使之得以自适应不同的分辨率和浏览器。morden.IE也可针对这类问题进行检测,帮助开发者开发兼容性和稳定性都更甚一筹的网页。

3.结合Windows 8.1中的新特性构建网站

众所周知,Windows 8.1带来了全新的Morden UI界面,而使用IE11,用户可以将网站变为磁贴固定在“开始”屏幕中,方便二次访问,提供更为便捷的浏览体验。而针对这些特性morden.IE可以提供指导,使开发者更容易实现这些功能。

在进行检测之后,morden.IE会输出一份报告,不仅免去了自行测试的麻烦,还可以提供更为完善准确的报告。而根据这份报告,开发者可以更有针对性的进行修改,逐步完善网站。

除此之外,开发者在日常开发的过程中,经常需要针对不同的设备或者浏览器进行测试,暂且不提多设备,仅是浏览器,也需要使用到不同的操作系统环境。一台开发计算机上安装多个虚拟机,分别跑着IE6,IE7/8,IE9/10的场景,想必是家常便饭了。而众多的虚拟机不仅影响着计算机性能,繁复的重启虚拟机系统也会消耗大量的时间,阻碍网站开发进程。针对此,morden.IE中提供的BrowserStack虚拟测试服务就显得尤为重要了。

BrowserStack是一个云服务,并不需要安装在本机,免去了开发者使用虚拟机的众多麻烦,只需要通过浏览器即可远程操作各个系统上的不同浏览器,进行兼容性测试。为开发者节省大量时间,提高工作效率。目前,通过微软morden.IE连接BrowserStack服务的开发者可以获得3个月的免费服务,对于一套网站开发而言,已经足够。如果满意,可以继续续费使用。另外,网站同样还提供了针对Mac、Linux以及Windows在内的多种虚拟化平台的虚拟机文件,并且在去年12月已经更新发布了IE11版本,以便开发者能够更快速方便的在不同平台下对网页进行测试。点此查看更多详细信息。

设计更现代化的网页

Modern.IE只是我们对开发人员长期承诺的其中一环,目的是协助开发人员将时间花在更多惊人的创作而非测试兼容性,下次当您需要测试网页时,便可试试modern.IE,同时也可以试著让 BrowserStack 成为下一个专案的助力。

如果说2008年到2013年是浏览器HTML5大战的时代,那么从现在开始,这场战争的硝烟已经逐渐消散,定稿的HTML5规范也使得漂浮不定的开发者能够集中精力去开发全新的网站。而在这个过程中,测试环节无疑是最为繁复和枯燥的。morden.IE的出现,一定程度上可以将开发者从此解放出来。对于艰巨而复杂的互联网革新进程而言,少一些测试,多一些开发无疑更有意义。

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐