自從 Microsoft Edge 轉以 Chromium 核心為基礎進行產品開發後，Edge 更新的腳步可以說是越來越快，在功能和使用者體驗上甚至已經有了趕超 Google Chrome 的跡象。

上週 Edge 和 Chrome 又迎來了一次穩定版更新並帶來了一系列的改進和最佳化，在二者即將從 6 週一次的平穩更新節奏躍入 4 週一次的「快車道」之前，讓我們一起來看看本次更新的主要內容吧。

Edge 93

更沉浸的垂直選項卡模式

垂直選項卡模式是 Edge 特有而 Chrome 所不具有的功能，可以一定程度上解決選項卡過多時無法完整檢視網頁標題名稱的問題，不過這樣也會造成長長的標題欄僅顯示當前網頁的標題和三大金剛按鈕，對於螢幕顯示面積本就有些捉襟見肘的膝上型電腦使用者有些浪費顯示空間。

針對這一點，本次 Edge 更新推出了垂直選項卡模式下隱藏視窗標題欄的選項。

垂直選項卡設定

在開啟後，原來的網址與工具欄將會整體上移，騰出一行空間，這對於螢幕長寬比例為 16：9 的使用者來說非常友好，意味著當前正在瀏覽的網頁能夠在縱向上多顯示一行的內容。另外，Windows 11 使用者在使用預設主題、隱藏視窗標題的前提下，還能獲得一體感非常強烈的視覺效果：

Windows 11 上的效果標籤頁分組讓標籤欄更整潔

以往當我們需要開啟一大堆的網頁時，瀏覽器的標題欄就會被密密麻麻的選項卡擠壓得雜亂無章，此時想要尋找到某個網頁選項卡就會變得十分困難，令人抓狂。

選項卡分組選單

Edge 在本次更新中重新上線了標籤頁分組功能，對早期基於 Chromium 自帶的標籤頁分組功能的互動與視覺設計做了改進最佳化，其中主要變化為增加了圓角矩形的半徑、加入了可以提示摺疊或展開狀態的小三角形等。

我們只需在需要分組的標籤頁上單擊右鍵，在右鍵選單中選擇「將標籤頁加入新的組」就能建立一個新的標籤組。除此之外，我們也可以直接同時按住 Shift 鍵並選中多個標籤頁而後單擊右鍵來將它們快速建立、加入新的標籤組。對於標籤組，我們可以為其命名、指定顏色來與其他標籤組進行區分，同一組的標籤頁將在最左側以一個圓角矩形的標識（橫向狀態）或是最頂部以帶有小三角形的圓角矩形（縱向狀態）來顯示該組的名字與顏色。

選項卡分組效果

在橫向標籤頁狀態下，對於處於同一個標籤分組中的標籤頁，它們將在頂部顯示屬於該標籤組顏色的上劃線條，從而有著比較強的一致性，單擊標籤組名稱所在的圓角矩形，則可以分別顯示或隱藏組內的標籤頁。若想要將新的標籤頁加入當前的標籤組中，可以同樣透過右鍵單擊標籤頁操作或是直接將該標籤頁拖動到該組的標籤頁當中來。

Edge 與 Chrome 的效果對比

相比較而言，Chrome 的視覺設計則是在同一分組的標籤頁底部顯示顏色線條，像絲帶一樣包圍著當前活動的標籤頁，更能突出顯示正在看的標籤頁，而 Edge 的分組中當前正在看的標籤頁在視覺上與組內其他標籤頁的對比度不夠高，有些不夠明顯。

在實際的應用場景中，我們可以根據手中所做的事情來對標籤頁們進行分類，比如上班時將與工作相關的頁面分成一個組，休息時想看的頁面分成另一個組，從而實現高效工作，開心摸魚。

一鍵開啟影片畫中畫模式

在某些休閒場景下，我們可能希望能夠一邊刷著社群平臺的資訊流一邊追新劇，畫中畫模式就能很好地解決這個問題。老版本的 Edge 中，如果需要啟用網頁影片畫中畫功能，我們往往需要在影片上進行兩次單擊右鍵後才能在右鍵選單中看到開啟畫中畫模式的選項。

在新版 Edge 中，這個操作變得更加快捷便利：當游標移動影片視窗底部觸發播放控制 UI 時，影片頂部會出現一個 PiP 按鈕，點選即可啟動畫中畫模式。

更加豐富的初始化首選項定製

針對政企商使用者群，新版的 Edge 上線了 Initial Preference 功能，即支援首次啟動時批次定製 Edge 中一定數量的首選項。在初次部署的時候，政企商單位的 IT 管理員可以為其管理的裝置上所安裝的 Edge 瀏覽器批次設定預設設定，其中包括設定瀏覽器主頁、工具欄是否顯示一系列圖示、是否啟用暗黑模式等等，這為 IT 管理員帶來了便利，提高了工作效率。

在具體進行操作時，他們需要前往針對商業使用者的 Edge for Business 頁面下載名為「initial_preferences」的示例配置檔案，然後針對所需的定製項改動該配置檔案中相應的 JSON 程式碼，確認無誤並儲存後將配置檔案部署至所有使用者裝置的特定檔案目錄下，完成以上步驟後在下一次使用者啟動 Edge 之時，相應的定製選項便會即刻生效。

IE 模式下的網頁將採用「不合並」策略進行載入

相比於 Chrome 而言，Edge 的一大特色便是它的 IE 模式了，這也是為了照顧那些不得不使用古老的、僅針對 IE 瀏覽器開發的網站的使用者。而從 Edge 93 版本開始，其中的 IE 模式將預設以「no-merge（不合並）」模式啟動，這意味著當一個新的 Edge 視窗以 IE 模式啟動時，它將開啟一個新的、獨立於原有 Edge 視窗之外的會話程序。

IE 模式選項卡擁有獨立的任務程序

之後在上述的新視窗開啟其他網頁，將會同樣以 no-merge 策略下的 IE 模式開啟，且同樣獨立於原有的 Edge 程序；若要結束這種機制，則需要確保該視窗內所有以 IE 模式開啟的網頁都已被關閉。

Chrome 93

PWA 程式變得更像本地應用

PWA（漸進式 Web 應用）由於其輕量的特性受到不少使用者的歡迎，在新版 Chrome 中，它們與本地安裝的應用程式之間的差距被進一步彌合。

Chrome 93 允許我們透過特定的 URL 連結直接開啟 Chrome 中已經安裝的 PWA 程式，例如若我們在 Chrome 中安裝了 YouTube PWA，那麼點選所有相關域名連結都可以直接透過該 PWA 開啟，而不是作為新的標籤頁開啟，就如同跳轉使用本地應用那樣。

作為網頁版 Gmail 使用者，相信這將極大地改善平時使用 Gmail 的體驗，比如直接點選網頁上的 email 地址便能直接啟動 Gmail PWA 應用開始撰寫郵件。

更好的應用程式多屏與多視窗支援

隨著許多人為自己的計算機使用環境配備了多臺顯示器或是開始使用多屏裝置，多屏狀態下的軟體使用者體驗也變得越來越重要。Chrome 93 為開發者加入了數個新的多螢幕資訊 API，並對現有的視窗放置 API 進行了改進，從而使得 Web 應用的開發者能夠利用多螢幕所帶來的更大的視覺空間，為 Web 應用程式帶來更高的效率以及更佳的使用者體驗。

在支援了這些 API 後，一系列網頁端的應用都能更充分地利用多屏顯示空間來進行多視窗顯示，例如：

幻燈片放映程式在放映時能夠在投影儀畫面顯示幻燈片內容，副螢幕顯示演講者備註提示

創意插畫類程式在主螢幕顯示畫布，在副螢幕顯示調色盤及繪畫工具

開會展示內容時在電視機上播放開會內容，在觸控式螢幕上顯示播放控制按鈕

交易系統透過多個視窗平鋪來展示股市的實時走勢

SVG 檔案也能自如地複製貼上

SVG 格式的影象檔案由於其能夠在空間中對影象進行有效地編碼並且在放大時依然能夠保持影象的顯示質量而正被越來越廣泛地應用，更新後的 Chrome 剪貼簿自然也增加了對這種影象格式的支援。此後，我們便能夠在向量圖設計軟體與一些設計工具類的網頁間對 SVG 格式的影象檔案進行復制與貼上操作。

對於設計師來說，當在某個網站上發現了自己喜歡的 svg 影象素材，他們便能直接透過簡單的複製與貼上操作將其加入諸如 Adobe Illustrator 一類的本地應用中，抑或是將其貼上加入諸如 Figma 的網頁端應用程式中。

更好的驗證碼自動填寫體驗

出於安全性因素的考量，許多網站對賬戶登入行為都預設開啟了兩步驗證，這也讓使用者在登入自己的帳號時多了一步手動輸入一次性驗證碼進行身份驗證的操作，有些麻煩。

在當前的 Android 手機上，系統已經能夠自動識別短訊息中的一次性驗證碼並進行自動填寫以減少使用者的操作成本。Google 在 Chrome 93 中為其加入了桌面端的 WebOTP API，這在未來將使得一次性驗證碼能夠在不同的裝置間同步（主要是從移動端自動同步至桌面端），並於桌面端 Chrome 中進行自動填寫，為我們省去一個比較煩人的步驟。

當然了，若要實現這一功能，我們需要在桌面端 Chrome 和 Android 端 Chrome 上登入同一個 Google 賬號，並且也需要開發者配合新增支援。

允許網頁應用申明為筆記應用

在 Chrome 93 中，Web 應用可以將其本身識別為筆記記錄應用，這類應用可以直接透過 URL 連結進行開啟，體驗和 PWA 非常相似，從特性和使用場景來說更加適合 Chrome OS。

不過目前還沒有適配了這一特性的筆記應用出現。

小結

除了上述的一些功能最佳化，兩個瀏覽器的本次穩定版更新還帶來了一些安全性上的改進，本文就不詳細展開了。

Edge 和 Chrome 在功能改進與開發節奏上「你追我趕」，受益的自然還是我們這些使用者。兩個優秀的瀏覽器你選擇哪一個作為主力使用？歡迎在評論區分享你的使用體驗和看法。