以下是一些注意事項:
- 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 個 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 開發人員工具新功能 (100)
- Chrome 100 淘汰項目和移除項目
- 適用於 Chrome 100 的 ChromeStatus.com 更新
- Chromium 原始碼存放區變更清單
- Chrome 發布時間表
訂閱
如要隨時掌握最新資訊,請訂閱 Chrome Developers YouTube 頻道,每當我們推出新影片時,您就會收到電子郵件通知。
我是 Pete LePage。Chrome 101 推出後,我很樂意立即為您說明 Chrome 的新功能!