山东旗舰建设集团有限公司

加入收藏 | 设为首页

8814.com

News Center

WebKit支持Retina令Safari更加强大-ITBEAR科技资讯

发布时间:2019-11-15 19:56 阅读:


 WebKit支持Retina令Safari更加强大-ITBEAR科技资讯

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

srcset可变分辨率的示例

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

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

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

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

  

  "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上出现。

特别提醒:本网内容转载自其他媒体,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。


WebKit支持Retina令Safari更加强大-ITBEAR科技资讯8814.com

  • TEL:0534-5321026
    0534-5322007

  • FAX:0534-5324777

  • ADD:山东省德州市齐河县城齐晏
    大街71号