- Chrome 現在完全支援 IndexedDB 2.0 標準,並具備新的結構定義管理、大量操作方法,以及更標準化的失敗處理。
- 透過
display: fullscreen
,漸進式網頁應用程式將更有臨場感。 allow-top-navigation-by-user-activation
提供沙箱機制iframes
全新能力- 還有更多應用程式!
需要完整的變更清單嗎?詳情請參閱 Chromium 原始碼存放區變更清單
我是 Pete LePage。讓我們深入探索 Chrome 58 為開發人員提供的新功能!
索引資料庫 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 的新功能!