Chrome 58 版新功能

Pete LePage

需要完整的異動清單嗎？查看 Chromium 原始碼存放區變更清單

我是 Pete LePage一起來深入探索 Chrome 58 為開發人員推出的新功能！

IndexedDB 2.0

網站資料庫的結構對效能產生重大影響， 難以改變 IndexedDB 2.0 並做出相應的變更

  • 現在，object 商店和 indexes 可以在 進行重構
  • 二進位檔金鑰可提供更自然的金鑰，且無須擔心效能問題 就會被懲處。
  • 使用 getKey()、openKeyCursor() 和 continuePrimaryKey() 方法。

想要大量復原整個資料集時，也不再需要使用 《getAll()》和《getAllKey()》。

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

從 Android 主畫面啟動 Progressive Web Apps 時 以隱藏網址列的獨立模式啟動。這有助於 打造引人入勝的使用者體驗，並騰出螢幕空間來呈現內容。

不過，如果想享受更身歷其境的體驗，例如遊戲、影片播放器 或其他多媒體內容，行動 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 的新功能！