自從 Microsoft Edge 轉(zhuǎn)以 Chromium 內(nèi)核為基礎進行產(chǎn)品開發(fā)后，Edge 更新的腳步可以說是越來越快，在功能和用戶體驗上甚至已經(jīng)有了趕超 Google Chrome 的跡象。

上周 Edge 和 Chrome 又迎來了一次穩(wěn)定版更新并帶來了一系列的改進和優(yōu)化，在二者即將從 6 周一次的平穩(wěn)更新節(jié)奏躍入 4 周一次的「快車道」之前，讓我們一起來看看本次更新的主要內(nèi)容吧。

  Edge 93  

▍更沉浸的垂直選項卡模式

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

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

垂直選項卡設置

在開啟后，原來的網(wǎng)址與工具欄將會整體上移，騰出一行空間，這對于屏幕長寬比例為 16:9 的用戶來說非常友好，意味著當前正在瀏覽的網(wǎng)頁能夠在縱向上多顯示一行的內(nèi)容。另外，Windows 11 用戶在使用默認主題、隱藏窗口標題的前提下，還能獲得一體感非常強烈的視覺效果：

Windows 11 上的效果

▍標簽頁分組讓標簽欄更整潔

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

選項卡分組菜單

Edge 在本次更新中重新上線了標簽頁分組功能，對早期基于 Chromium 自帶的標簽頁分組功能的交互與視覺設計做了改進優(yōu)化，其中主要變化為增加了圓角矩形的半徑、加入了可以提示折疊或展開狀態(tài)的小三角形等。

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

選項卡分組效果

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

Edge 與 Chrome 的效果對比

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

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

▍一鍵開啟視頻畫中畫模式

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

在新版 Edge 中，這個操作變得更加快捷便利：當光標移動視頻窗口底部觸發(fā)播放控制 UI 時，視頻頂部會出現(xiàn)一個 PiP 按鈕，點擊即可啟動畫中畫模式。

目前此功能僅支持在 macOS 平臺的 Edge 中推出，如果你在更新后沒有看到相關選項，則需要手動開啟   edge://flags/#global-media-controls-picture-in-picture   和   edge://flags/#global-media-controls   兩個功能標簽。另外正如上面所說，這個畫中畫按鈕只有在鼠標移動到視頻底部時才會出現(xiàn)，相比之前的方案減少了觸發(fā)畫中畫界面所需的點擊次數(shù)，卻增加了鼠標移動軌跡，后續(xù)顯然還需要優(yōu)化一下。

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

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

在具體進行操作時，他們需要前往針對商業(yè)用戶的 Edge for Business 頁面下載名為「initial_preferences」的示例配置文件，然后針對所需的定制項改動該配置文件中相應的 JSON 代碼，確認無誤并保存后將配置文件部署至所有用戶設備的特定文件目錄下，完成以上步驟后在下一次用戶啟動 Edge 之時，相應的定制選項便會即刻生效。

▍IE 模式下的網(wǎng)頁將采用「不合并」策略進行加載

相比于 Chrome 而言，Edge 的一大特色便是它的 IE 模式了，這也是為了照顧那些不得不使用古老的、僅針對 IE 瀏覽器開發(fā)的網(wǎng)站的用戶。而從 Edge 93 版本開始，其中的 IE 模式將默認以「no-merge（不合并）」模式啟動，這意味著當一個新的 Edge 窗口以 IE 模式啟動時，它將開啟一個新的、獨立于原有 Edge 窗口之外的會話進程。

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

之后在上述的新窗口打開其他網(wǎng)頁，將會同樣以 no-merge 策略下的 IE 模式打開，且同樣獨立于原有的 Edge 進程；若要結(jié)束這種機制，則需要確保該窗口內(nèi)所有以 IE 模式打開的網(wǎng)頁都已被關閉。

  Chrome 93  

▍PWA 程序變得更像本地應用

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

Chrome 93 允許我們通過特定的 URL 鏈接直接打開 Chrome 中已經(jīng)安裝的 PWA 程序，例如若我們在 Chrome 中安裝了 YouTube PWA，那么點擊所有相關域名鏈接都可以直接通過該 PWA 打開，而不是作為新的標簽頁打開，就如同跳轉(zhuǎn)使用本地應用那樣。

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

▍更好的應用程序多屏與多窗口支持

隨著許多人為自己的計算機使用環(huán)境配備了多臺顯示器或是開始使用多屏設備，多屏狀態(tài)下的軟件用戶體驗也變得越來越重要。Chrome 93 為開發(fā)者加入了數(shù)個新的多屏幕信息 API，并對現(xiàn)有的窗口放置 API 進行了改進，從而使得 Web 應用的開發(fā)者能夠利用多屏幕所帶來的更大的視覺空間，為 Web 應用程序帶來更高的效率以及更佳的用戶體驗。

在支持了這些 API 后，一系列網(wǎng)頁端的應用都能更充分地利用多屏顯示空間來進行多窗口顯示，例如：

幻燈片放映程序在放映時能夠在投影儀畫面顯示幻燈片內(nèi)容，副屏幕顯示演講者備注提示

創(chuàng)意插畫類程序在主屏幕顯示畫布，在副屏幕顯示調(diào)色板及繪畫工具

開會展示內(nèi)容時在電視機上播放開會內(nèi)容，在觸摸屏上顯示播放控制按鈕

交易系統(tǒng)通過多個窗口平鋪來展示股市的實時走勢

▍SVG 文件也能自如地復制粘貼

SVG 格式的圖像文件由于其能夠在空間中對圖像進行有效地編碼并且在放大時依然能夠保持圖像的顯示質(zhì)量而正被越來越廣泛地應用，更新后的 Chrome 剪貼板自然也增加了對這種圖像格式的支持。此后，我們便能夠在矢量圖設計軟件與一些設計工具類的網(wǎng)頁間對 SVG 格式的圖像文件進行復制與粘貼操作。

對于設計師來說，當在某個網(wǎng)站上發(fā)現(xiàn)了自己喜歡的 svg 圖像素材，他們便能直接通過簡單的復制與粘貼操作將其加入諸如 Adobe Illustrator 一類的本地應用中，抑或是將其粘貼加入諸如 Figma 的網(wǎng)頁端應用程序中。

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

出于安全性因素的考量，許多網(wǎng)站對賬戶登錄行為都默認開啟了兩步驗證，這也讓用戶在登錄自己的賬號時多了一步手動輸入一次性驗證碼進行身份驗證的操作，有些麻煩。

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

當然了，若要實現(xiàn)這一功能，我們需要在桌面端 Chrome 和 Android 端 Chrome 上登入同一個 Google 賬號，并且也需要開發(fā)者配合添加支持。

▍允許網(wǎng)頁應用申明為筆記應用

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

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

▍小結(jié)

除了上述的一些功能優(yōu)化，兩個瀏覽器的本次穩(wěn)定版更新還帶來了一些安全性上的改進，本文就不詳細展開了。

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