本頁面由 Cloud Translation API 翻譯而成。

Chrome 100 新功能

Pete LePage

以下是一些注意事項：

Chrome 100 有三位數版本編號
放鬆一下，回顧 Chrome 首次發布以來的 #100CoolWebMoments 名。
使用者代理程式字串有一些重要異動。
Multi-Screen Window Placement API 可以列舉連線至使用者電腦的螢幕，並在特定畫面中放置視窗。
還有更多應用程式。

我是 Pete LePage。讓我們深入探討 Chrome 100 為開發人員推出的新功能

Chrome 指南

當瀏覽器首次推出 10 版時，由於主要版本號碼從一位數變為二，因此遇到了幾個問題。希望我們學會了幾個能簡化從兩位數轉換到 3 的幾個要點。

Chrome 100 現已推出，Firefox 100 很快就會出貨。這三位數的版本號碼如果以某些方式識別瀏覽器版本的網站，可能會發生問題。過去幾個月來，Firefox 團隊和 Chrome 團隊也進行了實驗，發現瀏覽器回報的版本號碼為 100，但實際上並非如此。

導致系統回報了一些問題，其中許多問題都已修正。不過我們需要您的協助

如果您是網站維護人員，請使用 Chrome 和 Firefox 100 測試網站。
如果您開發了 User-Agent 剖析程式庫，請新增測試，以便剖析大於 100 的版本。

詳情請參閱 Chrome 和 Firefox 將更新至 web.dev 主要版本 100。

100 個酷網路重要時刻

100 個 Cool Web Moments 宣傳圖片

很高興看到網路的發展，還有過去 100 個 Chrome 版本使用您打造的優質功能，我們感到相當興奮。我們以為，走在回憶前裡，並慶祝過去 14 年發生的 #100CoolWebMoments 名會很有趣。

告訴我們你最喜歡哪些時刻。如果遺漏了任何資訊 (我們也很確定)，請在 Twitter 上發信至 @Chromiumdev，並附上 #100CoolWebMoments。歡迎繼續觀看影片！

縮減的使用者代理程式字串

說到使用者代理程式，根據預設，Chrome 100 將是最後一個版本，可支援未分類的 User-Agent 字串。使用新的 User-Agent Client Hints API 來取代 User-Agent 字串，這是其中一個策略。

從 Chrome 101 版開始，使用者代理程式將逐漸減少。

歡迎前往 [Chromium 網誌][crblog] 參閱使用者代理程式縮減來源試用和日期，進一步瞭解即將移除的內容和移除時間。

多螢幕視窗放置 API

對於某些應用程式而言，開啟新視窗並放在特定位置或特定螢幕是非常重要的功能。舉例來說，使用簡報進行簡報時，我想在主螢幕以全螢幕顯示投影片，並在另一台螢幕上顯示演講者備忘稿。

多螢幕視窗放置 API 可以列舉連線至使用者電腦的螢幕，並在特定畫面中放置視窗。

您可以使用 window.screen.isExtended 快速檢查裝置是否有多個螢幕連線。

const isExtended = window.screen.isExtended;
// returns true/false

但主要功能位於 window.getScreenDetails()，可提供有關已連結螢幕的詳細資料。

const x = await window.getScreenDetails();
// returns
// {
//    currentScreen: {...}
//    oncurrentscreenchange: null
//    onscreenschange: null
//    screens: [{...}, {...}]
// }

舉例來說，您可以決定主畫面，然後使用 requestFullscreen() 在螢幕上以全螢幕顯示元素。

try {
  const screens = await window.getScreenDetails();
  const primary = screens
         .filter((screen) => screen.primary)[0]
  await elem.requestFullscreen({ screen: primary });
} catch (err) {
  console.error(err);
}

並可讓您監聽變更，例如連接或移除新螢幕時、解析度改變等。

const screens = await window.getScreenDetails();
let numScreens = screens.screens.length;
screens.addEventListener('screenschange', (event) => {
  if (screens.screens.length !== numScreens) {
    console.log('Screen count changed');
    numScreens = screens.screens.length;
  }
});

如要瞭解詳情，請前往 web.dev 參閱 Tom 的更新文章「使用多螢幕視窗刊登位置 API 管理多個螢幕」。

還有更多獎品等著您！

當然還有許多其他東西。

為 HID 裝置推出了新的 forget() 方法，可讓您針對使用者授予的 HID 裝置撤銷權限。

// Request an HID device.
const [device] = await navigator.hid.requestDevice(opts);


// Then later, revoke permission to the device.
await device.forget();

如果是 WebNFC，makeReadOnly() 方法可讓您將 NFC 標記設為永久唯讀。

const ndef = new NDEFReader();
await ndef.makeReadOnly();

其他資訊

這僅涵蓋部分重點功能。如要瞭解 Chrome 100 版本的其他變更，請點選下方連結。

如要隨時掌握最新資訊，請訂閱 Chrome Developers YouTube 頻道，每當我們推出新影片時，您就會收到電子郵件通知。

我是 Pete LePage。Chrome 101 推出後，我很樂意立即為您說明 Chrome 的新功能！