作為蘋果支持的開源項目，WebKit也是Safari背后的"動力來源"。而現(xiàn)在，它又成為了首個支持新的Web標(biāo)準(zhǔn)、使開發(fā)人員能夠更方便、更充分地利用高分辨率顯示屏(如iPhone/iPad和MacBook Pro上的Retina顯示屏)的瀏覽器排版引擎。作為對HTML5規(guī)范的一個補(bǔ)充，這個被稱作"Srcset"的新標(biāo)準(zhǔn)，為開發(fā)人員提供了根據(jù)設(shè)備分辨率而展示不同版本的圖像的簡易方法。

srcset可變分辨率的示例。

例如，某網(wǎng)站可為一臺Retina MacBook Pro設(shè)備，提供分辨率更大、質(zhì)量更高的圖像；而對于一臺顯示分辨率更低的MacBook Air，則提供一張分辨率較小、質(zhì)量也更低的圖像。

自首個Retina設(shè)備(iPhone 4)在2010年面世以來，網(wǎng)站和基于Web的應(yīng)用程序卻遲遲沒有對Retina顯示屏提供支持。當(dāng)前的實施方法是"次優(yōu)"的——對開發(fā)人員來說，累贅；對用來說，降低了使用體驗——或者說，其缺乏對跨瀏覽器的支持。

而有了srcset，開發(fā)人員就能通過單一聲明指定多個不同的圖像，并且它是專門為兼容更老舊的系統(tǒng)而設(shè)計的——那些不支持srcset的瀏覽器會直接忽略掉它，對用戶而言不會產(chǎn)生任何不良影響。

其語法類似于蘋果對Retina-ready圖形卡的定義：開發(fā)人員只需提供一個備用的文件名(alternate filename)和倍數(shù)放大(resolution multiplier)，比如1x、2x或4x。

"Resolution Multiplier"是用來衡量"多少個物理像素組成'一個'像素點的方法"，例如iPhone 5的屏幕分辨率為1136x640，但"顯示分辨率"為568x320。這意味著4個物理像素組成了一個"顯示像素"，或稱"4x multiplier"。

作為定義和管理支撐Web的開放標(biāo)準(zhǔn)的國際組織，萬維網(wǎng)聯(lián)盟(W3C)在2012年5月份的時候，將srcset添加到了HTML5規(guī)范之中。而一個叫做"-webkit-image-set"的相似功能，也被添加到了WebKit，并且在同一年隨著Safari 6和Google的Chrome 21一并推出。

該優(yōu)點尚未被廣泛采用，因為主宰著超過半數(shù)市場的微軟IE和Mozilla Firefox還沒有對它進(jìn)行部署。WebKit是首個宣布支持srcset的瀏覽器引擎，且該功能可能在OSX Mavericks的Safari 7上出現(xiàn)。

[編譯自：AppleInsider]

　　推薦閱讀

　　谷歌兩款新專利曝光：眼球追蹤技術(shù)及拖動共享

作為地球上最具創(chuàng)新性的科技公司之一，谷歌在2013年推出了谷歌眼鏡，>>>詳細(xì)閱讀

本文標(biāo)題：[圖]WebKit新增對高分屏的支持 “Srcset”為Retina網(wǎng)頁鋪平道路

地址：http://m.sdlzkt.com/a/05/20130815/283508.html

 1/2    1  2 下一頁