Chrome 56 新功能

Pete LePage

  • 使用者現在可以選取藍牙低功耗裝置，連線至使用 Web Bluetooth API 的網站。
  • position: sticky 回來了！您可以輕鬆建立元素，讓元素正常捲動，直到停留在可視區域頂端為止。
  • 並為所有使用者啟用「預設使用 HTML5」。

我是 Pete LePage，讓我們深入瞭解 Chrome 56 為開發人員帶來哪些新功能。

Web Bluetooth API

在此之前，使用者必須安裝原生應用程式，才能與藍牙裝置通訊。在 Chrome 56 中，使用者可以選取附近的藍牙低功耗裝置，提供給使用 Web Bluetooth API 的網站。

與選取要與網站共用的檔案類似，這比安裝可讀取任何資料的原生應用程式更安全。使用者可完全控制何時與哪個裝置與特定網站共用資訊。

Web Bluetooth API 使用 GATT 通訊協定，可讓應用程式透過幾行 JavaScript 連線至燈泡、玩具、心率監測器、LED 螢幕等裝置。Web Bluetooth 也可以與實體網頁信標結合，讓您更輕鬆地發現附近的裝置。

Francois 撰寫了一篇很棒的文章，請務必查看其中的幾個精彩示範。

CSS position: sticky;

先前，建構內容標頭時，如果要讓標頭正常捲動，直到停留在檢視區頂端，就必須監聽捲動事件，並在特定門檻下將元素位置從相對位置切換為固定位置。這類影片很難同步，而且經常會出現小幅視覺跳動。

Chrome 現已支援 CSS position: sticky;，這是一種新的元素定位方式。

位置固定元素會先以相對方式開始，但在元素到達特定捲動位置後，就會變成固定。

只要設定 position: sticky，並設定黏滯門檻即可。

h3 {
  /* Element will be 'fixed' when it ... */
  position: sticky;
  /* ... is 10px from the top of the viewport */
  top: 10px;
}

Paul Kinlan 有相關的更新貼文。

預設使用 HTML5

我們在去年 8 月宣布，將預設使用 HTML5，提供更安全、更省電的使用體驗。除非使用者表示希望在特定網站上觀看 Flash 內容，否則這項變更會停用 Adobe Flash Player，而所有網站最終都必須取得使用者執行 Flash 的權限。

在 Chrome 56 中，所有使用者都已預設啟用 HTML5，也就是說，系統會在使用者造訪未曾造訪的網站時，提示他們執行 Flash。

進一步瞭解使用者收到提示的方式和時機，以及如何測試 Flash 網站的相關建議。

其他

當然，還有更多功能。

如要隨時掌握 Chrome 最新消息，並瞭解未來的發展方向，請務必訂閱，並在 Twitter 上追蹤 @ChromiumDev，此外，請務必觀看 Chrome 開發人員大會的影片，深入瞭解 Chrome 團隊正在努力開發的優異功能。

我是 Pete LePage，Chrome 57 一推出，我就會在這裡告訴你 Chrome 的新功能！

Chrome 新推出的復活節彩蛋

如果你讀到這裡，那麼你應該會喜歡 Chrome 52 的新功能的幕後花絮！我覺得每次一開口，就會有卡車經過、直升機飛過、汽車按喇叭。

另外，也要特別感謝 Andrew 借我他的上衣！我的衣櫃有點故障。