Chrome 59 新功能

  • Headless Chrome 可讓您在自動化環境中執行 Chrome,無需使用使用者介面或週邊裝置。
  • macOS 上的通知會直接由原生 macOS 通知系統顯示。
  • 您現在可以使用圖片拍攝 API 拍攝全解析度相片,還能使用更多功能!

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

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

無頭 Chrome

無頭瀏覽器是在執行自動化測試和伺服器環境的絕佳工具,因為在這些環境中不需要查看轉譯後的輸出內容,或者沒有可見的 UI 殼層。例如:

  • 使用 Selenium 對漸進式網頁應用程式進行單元測試
  • 如何建立維基百科頁面的 PDF
  • 使用開發人員工具檢查網頁

從 Chrome 59 版開始,你現在可以執行無頭 Chrome。可將 Chrome 提供的所有新式網路平台功能運用到指令列

詳情請參閱 Eric Bidelman 的更新貼文。他提供了相關範例,說明如何使用它將頁面轉換為 PDF、轉儲 DOM,以及如何在節點中以程式輔助方式使用 DOM。

macOS 原生通知

Chrome 一直以來都納入了自己的通知系統,讓網頁和擴充功能開發人員能夠向使用者顯示通知。不過,使用者和開發人員向我們反映,他們希望 Chrome 使用原生 OS 通知系統。

從 mac OS 上的 Chrome 59 開始,Chrome 會使用原生通知系統,藉此改善使用者體驗,並確保通知與平台更緊密整合。我個人收藏的通知將遵循我的「零打擾」設定

由 Chrome 產生的通知 (左側),原生 macOS 產生的通知 (右側)。

由於 macOS 處理通知的方式,目前不建議使用少數低用量 API,因為這些 API 會對 macOS 上的體驗造成負面影響。

詳情請參閱最新消息文章

圖片拍攝 API

透過網頁應用程式拍攝高解析度相片並不容易。使用者可以上傳自己拍攝的相片,或是從瀏覽器切換到相機,然後拍攝相片,再切換回瀏覽器並上傳相片。

在 Chrome 59 版中,有了全新的 Image Capture API,您就能在任何可用相機中使用全解析度的功能。這個 API 可提供縮放、亮度、對比、ISO 甚至是白平衡等功能。

查看 Sam 的貼文以取得完整詳細資料和程式碼範例,協助您立即開始使用。

還有更多獎品等著您!

  • MediaError.message 字串 (如有) 提供任何其他錯誤訊息詳細資料,協助網頁開發人員對媒體播放器錯誤進行偵錯。

以上僅為開發人員針對 Chrome 59 推出的其中幾項變更,

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

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

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