Chrome 58 版新功能

Pete LePage

如需完整的變更清單，查看 Chromium 原始碼存放區變更清單

我是 Pete LePage，讓我們一起來看看 Chrome 58 版為開發人員帶來哪些新功能！

IndexedDB 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 以來的所有輸入事件。非常適合用於需要精確點選歷史記錄的應用程式，例如繪圖應用程式。
  • Workers 和 SharedWorkers 現在可以使用 data: 網址建立，讓 Workers 開發作業更安全，因為它們會提供不透明的來源。

以上只是 Chrome 58 開發人員版的部分變更。

如果您喜歡這部影片，請觀看設計師與開發人員系列影片，這一系列影片旨在解決設計師和開發人員合作時面臨的挑戰。

接著訂閱我們的 YouTube 頻道，就能在我們發布新影片時收到電子郵件通知。

我是 Pete LePage，Chrome 59 一推出，我就會在這裡告訴你 Chrome 有哪些新功能！