2月底,Chrome Beta 頻道釋出了兩個新特性:針對響應式圖片的HTML新屬性,JavaScrip 音訊 API 的無字首版本。如果沒有特別說明,這兩個新特性也將會在Chrome桌面版和Chrome安卓版上體現出來。
新屬性:srcset
在今天,筆記本、電視、手機、平板等等有著不同螢幕大小以及螢幕解析度的裝置上都有網路的存在。那麼如果在所有裝置上都能使用相同的圖片資源會利於減少頁面載入次數,頻寬的浪費以及內容格式的不合理。
“srcset“屬性可以幫助Web開發者解決圖片資源的問題。開發者需要為不同解析度的裝置準備好了多種圖片資源,而後使用“srcset”屬性,這樣瀏覽器就可以根據裝置的情況選擇對應的圖片資源。請看下面這行程式碼:
1 |
<img alt="A rad wolf." src="pic1x.jpg" srcset="pic1x.jpg 1x, pic2x.jpg 2x, pic4x.jpg 4x"> |
注意!在支援srcset屬性的瀏覽器上是不需要再新增src屬性的,但是為了保證瀏覽器可以向後相容還是要新增src屬性。向推動這一屬性開發的Blink開發者Yoav Weiss致敬的同時,還請各位繼續期待也可以給Web開發者在響應式方面帶來福音的新標籤<picture>
無字首的Web音訊API
在JavaScript的API中,Web音訊API主要用在各個Web應用裡處理或者合成音訊的。在過去幾年裡,使用Web音訊API時都需要帶著字首。不過從這個版本開始,audioContext和offlineAudioContext都可以不再使用字首了。還有一些舊版本的方法將不能夠繼續使用,例如createGainNode和createDelayNode。
這樣做既使得Web音訊在Chrome上的實現符合了W3C草案的規範,又相容了火狐瀏覽器對Web音訊的支援。帶字首的API現已被正式棄用,未來的版本也將會移除它,所以請各位儘快開始使用不帶字首的API吧!
Web平臺上還有一些變化
- CSS屬性 font-variant-ligatures:開發者可以控制文字的連寫。
[譯者注:ligatures指的是英文字母的連寫,這一屬性應該作用在英文文字上。] - 一些在Web平臺上很少使用的特性在這一版本的Chrome中將被棄用或者移除。請看這份清單,上面列出了所有被棄用的特性。
- 正如我們以前討論過的,當autocomplete屬性值是off時,需要填寫密碼的地方,Chrome將會自動記住並填寫響應的密碼。而在非密碼填寫處,這一特性將不會生效。
如果你曾經對HTML和JavaScript的應用產生些許好奇的話,在這裡你可以看到一些Web特性的使用率。
請訪問chromestatus.com/features獲取更多關於Chrome開發的資訊,也請圈+Google Chrome Developers來獲取最新訊息。