Chrome 58 版新功能

需要完整的變更清單嗎?詳情請參閱 Chromium 原始碼存放區變更清單

我是 Pete LePage。讓我們深入探索 Chrome 58 為開發人員提供的新功能!

索引資料庫 2.0

網站的資料庫結構會對效能產生重大影響,而且可能難以變更。IndexedDB 2.0 會改變這一點。

  • object 商店和 indexes 可在重構後重新命名。
  • 二進位金鑰可提供更多自然的金鑰,不必擔心效能受到負面影響。
  • 使用 getKey()openKeyCursor()continuePrimaryKey() 方法可以更輕鬆地擷取資料。

大量復原整個資料集也不再需要使用 getAll()getAllKey() 的遊標。

全螢幕漸進式網頁應用程式

從 Android 主畫面啟動漸進式網頁應用程式後,應用程式會以獨立應用程式模式啟動,並隱藏網址列。這有助於打造引人入勝的使用者體驗,並釋出螢幕空間來存放內容。

然而,為了提供更身歷其境的遊戲體驗 (例如遊戲、影片播放器或其他多媒體內容),行動 UI 元素 (例如系統列) 仍可能會分散注意力,並佔用您需要的寶貴像素。

現在,只要在網頁應用程式資訊清單中設定 display: fullscreen,就能讓漸進式網頁應用程式感到身歷其境。

系統會從主畫面啟動 PWA、從主畫面啟動 standalone 模式 (中間),以及從主畫面啟動 fullscreen 模式 (右側)。

從主畫面啟動應用程式時,系統會隱藏所有非應用程式行動 UI 元素。

改善沙箱 iframe

Chrome 58 現已支援新的 iframe 沙箱關鍵字 allow-top-navigation-by-user-activation

當使用者與使用者互動時,這個關鍵字可讓沙箱 iframe 瀏覽頂層網頁,同時封鎖自動重新導向。

還有更多獎品等著您!

當然,還有許多其他功能

  • clearfix 駭客說再見。現在,您不必手動重設多個版面配置屬性 (例如浮動和清除),而是使用 display: flow-root 新增區塊格式結構定義。
  • PointerEvents.getCoalescedEvents() 可讓您存取自上次傳送 PointerEvent 以來的所有輸入事件。如果需要精確的點歷史記錄,例如繪圖應用程式,就非常適合選用。
  • 而現在 WorkersSharedWorkers 可以使用 data: 網址建立,並使用不透明的來源,Workers更加安全進行開發作業。

以上僅列出 Chrome 58 中專為開發人員設計的其中幾項變更,

如果您喜歡這部影片,請觀看設計人員與開發人員這個新的系列影片,嘗試解決設計人員和開發人員合作時面臨的難題。

接著訂閱我們的 YouTube 頻道。每當我們推出新影片時,您會收到電子郵件通知。

我是 Pete LePage,當 Chrome 59 推出後,我會馬上通知您,也就是 Chrome 的新功能!