Chrome 56 新功能

  • 使用者現在可以選取藍牙低功耗裝置,連線至使用 Web Bluetooth API 的網站。
  • position: sticky 已返回,可讓您輕鬆建立可正常捲動直到可視區域頂端才能捲動的元素。
  • 此外,系統會為所有使用者啟用預設 HTML5

我是 Pete LePage,深入探究 Chrome 56 開發人員為開發人員提供的新功能。

網頁版藍牙 API

在此之前,系統會強制使用藍牙裝置的使用者安裝原生應用程式以便與裝置通訊。在 Chrome 56 中,使用者可以選取附近的藍牙低功耗裝置,提供給使用 Web Bluetooth API 的網站。

與選擇要透過網站共用的檔案類似,相較於安裝可讀取任何項目資料的原生應用程式,這種做法更為安全。使用者可完全控管與特定網站共用的時機和裝置。

Web Bluetooth API 採用 GATT 通訊協定,可讓應用程式透過幾行 JavaScript 連線至燈泡、玩具、心率監測器、LED 顯示器等裝置。此外,網路藍牙可與實體網路信標搭配使用,讓使用者能更輕鬆地探索附近的裝置。

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 新功能 的 blooper 影片系列!我感覺每次打開嘴巴時,就覺得 一輛卡車會行駛、直升機和車輛按鳴。

對了,非常感謝 Andrew 將他的襯衫借給我!我有點衣服故障