Chrome 58 版新功能

Pete LePage

• Chrome 現已全面支援 IndexedDB 2.0 標準，並提供新的結構定義管理、大量操作方法，以及更標準化的錯誤處理機制。
• display: fullscreen 可讓漸進式網頁應用程式更具沉浸感。
• allow-top-navigation-by-user-activation 為沙箱中的 iframes 提供新功能
• 還有許多其他功能！

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

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

IndexedDB 2.0

網站資料庫的結構會對效能造成重大影響，而且可能難以變更。IndexedDB 2.0 會改變這項情況。

• 重構後，object 儲存庫和 indexes 可以就地重新命名。
• 二進位鍵可讓您使用更自然的鍵，而不必擔心效能懲罰。
• 您可以使用 getKey()、openKeyCursor() 和 continuePrimaryKey() 方法，更輕鬆地擷取資料。

而且，要大量復原整個資料集，也不再需要使用 getAll() 和 getAllKey() 的游標。

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

從 Android 主畫面啟動漸進式網頁應用程式時，系統會以類似獨立應用程式的模式啟動，並隱藏網址列。這有助於打造吸引人的使用者體驗，並為內容騰出螢幕空間。

不過，對於遊戲、影片播放器或其他多媒體內容等更沉浸的體驗，系統列等行動裝置 UI 元素仍可能會造成干擾，並佔用您可能需要的寶貴像素。

您現在可以在網頁應用程式資訊清單中設定 display: 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 的新功能！