随着智能手机、平板电脑渐趋普及,不仅使触控一跃成为主流输入方式,为用户提供全新的网络浏览体验,也为开发者开启宽广大门,只要巧妙运用HTML5与CSS3技术,即可走进一个更开放、更易于展现创意的崭新世界!
以往人们要遨游网络世界,至少得依赖三种元素-键盘、鼠标、屏幕。而现在个人电脑变成移动设备,输入方式由键盘及鼠标变成了触控;随着这个转变,用户不再受限于时空疆界,无论身处何地,只要能连网,都可随意翱翔在互联网的天空。
身处这个崭新世界,人们启动网络应用的第一个接触点-浏览器,无疑显得格外重要,因此它身繁重任,必须引领人们突破过往的网页使用模式,营造快速、流畅、安全的浏览体验。内置于微软新一代操作系统Windows8中的Internet Explorer 10(以下简称IE10),便以此为主要诉求。
藉由IE10浏览器,我们清楚看到颠覆传统的「无边框」设计、直观实用的固定网站(Pinned Sites)功能,或通过常用工具栏(Charm bar),轻松启用网页分享功能,一切的一切,都足以汇聚为深刻的感触,赞叹现今浏览技术之进步飞快!
更值得一提的,Windows8 为求因应不同设备属性,分别提供最美好的操作体验,所以特别内建「双版本」IE10,一是适用传统环境的桌面版IE10,另一则是适用触控环境的Win8 Modern IE10。
当然,要真正孕育完美的网络使用经验,固然需要快速、直观、安全的浏览器服务来牵成,更重要的,仍有赖开发人员展现绝佳设计成果。为此微软在IE10悉心新增许多实用功能,帮助开发人员实现创意巧思,挑战无限可能。且看IE10如何引领开发者进入全新的纪元?而开发者如何善用创新功能,开辟另一个崭新世界?
更加完整支持HTML5
从IE9开始,微软已展现支持HTML5技术的决心,到了IE10,支持范围则更加完整彻底,一些过去仍须依靠插件程式(例如Plugins、ActiveX等)、或图片技巧才能营造的效果,如今都能独立完成。
首先,它引进HTML5视频增强功能,采用及标签播放影音文件。其次,如果开发者要进行2D/3D绘图,则可使用标签以及SVG来搭配使用,且让以往最恼人的Lag近乎绝迹迹。
再者,它开始支持draggable属性,使得套用与属性相关的任何HTML元素,都能在页面上拖曳,不仅如此,IE10也在dataTransfer物件中新增files属性,得以从桌面拖放一或多个文件到网页,相当方便。
另外,IE10也新增了对WebSocket API的支持,此后开发者只需动用少许代码,就能轻易利用低延迟的双向信息交换,建立快速的线上游戏、即时社交网络通知、即时显示股票和天气资讯等即时信息,打造迅捷流畅的网页显示效果。
大量支持CSS规格
对开发者的另一大福音,即在于IE10增加支持许多新的「级联样式表(CSS)」规格,包括了新的进阶配置、视觉效果、移动浏览与缩放功能。譬如开发者可利用CSS3 Animation制作网页动画,也可利用CSS3 Transition设定网页元素转换特效。
不仅如此,开发者还可使用CSS3 Transformation改变网页元素的缩放、位移或旋转,轻松创造各种变形效果;至于CSS Grid Layout、CSS Multi-column layout或CSS Flexible Box,则有助开发者快速进行排版。也就是说,开发者过去「办不到」或「很难办到」的特效,都不再是难解习题。
因IE10大力支持HTML5,也使它拥有一项重要特质,不再只是单纯的网页显示工具,可摇身一变成为APP平台。IE10的诞生,让开发者得以运用HTML5单一技术标准,快速打造跨浏览器、跨移动设备的应用成果。
有了HTML5的加持,开发者的想像力不会框限于网页,可同时展现在众多平台。IE10让HTML5真正进入开发者的主流时代,堪称是重要分水岭!
拥抱开发新世界
拥有「网页无边框」、「快速浏览」、「安全」、「流畅触控」及「跨平台设备」等崭新特色,再加上HTML5及CSS3技术助阵,IE10将大幅颠覆开发者对IE浏览器的想像,让无穷的创意巧思,得以跨越浏览器、移动设备等疆界,挥洒在一个美丽新世界!
IE10 的工具
1. Internet Explorer Test Drive
http://ie.microsoft.com/testdrive/
2. MSDN
http://msdn.microsoft.com/zh-cn/ie/
3. IEBlog
http://blogs.msdn.com/b/ie/
4. CodeProject
http://www.codeproject.com/