ITBear旗下自媒体矩阵:

WebKit支持Retina令Safari更加强大

   时间:2013-08-15 10:53:28 来源:互联网编辑:星辉 发表评论无障碍通道

作为苹果支持的开源项目,WebKit也是Safari背后的"动力来源"。而现在,它又成为了首个支持新的Web标准、使开发人员能够更方便、更充分地利用高分辨率显示屏(如iPhone/iPad和MacBook Pro上的Retina显示屏)的浏览器排版引擎。作为对HTML5规范的一个补充,这个被称作"Srcset"的新标准,为开发人员提供了根据设备分辨率而展示不同版本的图像的简易方法。

WebKit新增对Retina显示屏支持 Safari更加强大

 

srcset可变分辨率的示例

例如,某网站可为一台Retina MacBook Pro设备,提供分辨率更大、质量更高的图像;而对于一台显示分辨率更低的MacBook Air,则提供一张分辨率较小、质量也更低的图像。

自首个Retina设备(iPhone 4)在2010年面世以来,网站和基于Web的应用程序却迟迟没有对Retina显示屏提供支持。当前的实施方法是"次优"的——对开发人员来说,累赘;对用来说,降低了使用体验——或者说,其缺乏对跨浏览器的支持。

而有了srcset,开发人员就能通过单一声明指定多个不同的图像,并且它是专门为兼容更老旧的系统而设计的——那些不支持srcset的浏览器会直接忽略掉它,对用户而言不会产生任何不良影响。

其语法类似于苹果对Retina-ready图形卡的定义:开发人员只需提供一个备用的文件名(alternate filename)和倍数放大(resolution multiplier),比如1x、2x或4x。

WebKit新增对Retina显示屏支持 Safari更加强大

 

"Resolution Multiplier"是用来衡量"多少个物理像素组成'一个'像素点的方法",例如iPhone 5的屏幕分辨率为1136x640,但"显示分辨率"为568x320。这意味着4个物理像素组成了一个"显示像素",或称"4x multiplier"。

作为定义和管理支撑Web的开放标准的国际组织,万维网联盟(W3C)在2012年5月份的时候,将srcset添加到了HTML5规范之中。而一个叫做"-webkit-image-set"的相似功能,也被添加到了WebKit,并且在同一年随着Safari 6和Google的Chrome 21一并推出。

该优点尚未被广泛采用,因为主宰着超过半数市场的微软IE和Mozilla Firefox还没有对它进行部署。WebKit是首个宣布支持Srcset的浏览器引擎,且该功能可能在OSX Mavericks的Safari 7上出现。

举报 0 收藏 0 打赏 0评论 0
 
 
更多>同类资讯
全站最新
热门内容
网站首页  |  关于我们  |  联系方式  |  版权声明  |  RSS订阅  |  开放转载  |  滚动资讯  |  争议稿件处理  |  English Version