自從 Microsoft Edge 轉(zhuǎn)以 Chromium 內(nèi)核為基礎(chǔ)進(jìn)行產(chǎn)品開發(fā)后，Edge 更新的腳步可以說是越來越快，在功能和用戶體驗(yàn)上甚至已經(jīng)有了趕超 Google Chrome 的跡象。
上周 Edge 和 Chrome 又迎來了一次穩(wěn)定版更新并帶來了一系列的改進(jìn)和優(yōu)化，在二者即將從 6 周一次的平穩(wěn)更新節(jié)奏躍入 4 周一次的「快車道」之前，讓我們一起來看看本次更新的主要內(nèi)容吧。
Edge 93
▍更沉浸的垂直選項(xiàng)卡模式
垂直選項(xiàng)卡模式是 Edge 特有而 Chrome 所不具有的功能，可以一定程度上解決選項(xiàng)卡過多時無法完整查看網(wǎng)頁標(biāo)題名稱的問題，不過這樣也會造成長長的標(biāo)題欄僅顯示當(dāng)前網(wǎng)頁的標(biāo)題和三大金剛按鈕，對于屏幕顯示面積本就有些捉襟見肘的筆記本電腦用戶有些浪費(fèi)顯示空間。
針對這一點(diǎn)，本次 Edge 更新推出了垂直選項(xiàng)卡模式下隱藏窗口標(biāo)題欄的選項(xiàng)。
垂直選項(xiàng)卡設(shè)置
在開啟后，原來的網(wǎng)址與工具欄將會整體上移，騰出一行空間，這對于屏幕長寬比例為 16:9 的用戶來說非常友好，意味著當(dāng)前正在瀏覽的網(wǎng)頁能夠在縱向上多顯示一行的內(nèi)容。另外，Windows 11 用戶在使用默認(rèn)主題、隱藏窗口標(biāo)題的前提下，還能獲得一體感非常強(qiáng)烈的視覺效果：
Windows 11 上的效果
▍標(biāo)簽頁分組讓標(biāo)簽欄更整潔
以往當(dāng)我們需要打開一大堆的網(wǎng)頁時，瀏覽器的標(biāo)題欄就會被密密麻麻的選項(xiàng)卡擠壓得雜亂無章，此時想要尋找到某個網(wǎng)頁選項(xiàng)卡就會變得十分困難，令人抓狂。
選項(xiàng)卡分組菜單
Edge 在本次更新中重新上線了標(biāo)簽頁分組功能，對早期基于 Chromium 自帶的標(biāo)簽頁分組功能的交互與視覺設(shè)計(jì)做了改進(jìn)優(yōu)化，其中主要變化為增加了圓角矩形的半徑、加入了可以提示折疊或展開狀態(tài)的小三角形等。
我們只需在需要分組的標(biāo)簽頁上單擊右鍵，在右鍵菜單中選擇「將標(biāo)簽頁加入新的組」就能創(chuàng)建一個新的標(biāo)簽組。除此之外，我們也可以直接同時按住 Shift 鍵并選中多個標(biāo)簽頁而后單擊右鍵來將它們快速創(chuàng)建、加入新的標(biāo)簽組。對于標(biāo)簽組，我們可以為其命名、指定顏色來與其他標(biāo)簽組進(jìn)行區(qū)分，同一組的標(biāo)簽頁將在最左側(cè)以一個圓角矩形的標(biāo)識（橫向狀態(tài)）或是最頂部以帶有小三角形的圓角矩形（縱向狀態(tài)）來顯示該組的名字與顏色。
選項(xiàng)卡分組效果
在橫向標(biāo)簽頁狀態(tài)下，對于處于同一個標(biāo)簽分組中的標(biāo)簽頁，它們將在頂部顯示屬于該標(biāo)簽組顏色的上劃線條，從而有著比較強(qiáng)的一致性，單擊標(biāo)簽組名稱所在的圓角矩形，則可以分別顯示或隱藏組內(nèi)的標(biāo)簽頁。若想要將新的標(biāo)簽頁加入當(dāng)前的標(biāo)簽組中，可以同樣通過右鍵單擊標(biāo)簽頁操作或是直接將該標(biāo)簽頁拖動到該組的標(biāo)簽頁當(dāng)中來。
Edge 與 Chrome 的效果對比
相比較而言，Chrome 的視覺設(shè)計(jì)則是在同一分組的標(biāo)簽頁底部顯示顏色線條，像絲帶一樣包圍著當(dāng)前活動的標(biāo)簽頁，更能突出顯示正在看的標(biāo)簽頁，而 Edge 的分組中當(dāng)前正在看的標(biāo)簽頁在視覺上與組內(nèi)其他標(biāo)簽頁的對比度不夠高，有些不夠明顯。
在實(shí)際的應(yīng)用場景中，我們可以根據(jù)手中所做的事情來對標(biāo)簽頁們進(jìn)行分類，比如上班時將與工作相關(guān)的頁面分成一個組，休息時想看的頁面分成另一個組，從而實(shí)現(xiàn)高效工作，開心摸魚。
▍一鍵開啟視頻畫中畫模式
在某些休閑場景下，我們可能希望能夠一邊刷著社群平臺的信息流一邊追新劇，畫中畫模式就能很好地解決這個問題。老版本的 Edge 中，如果需要啟用網(wǎng)頁視頻畫中畫功能，我們往往需要在視頻上進(jìn)行兩次單擊右鍵后才能在右鍵菜單中看到開啟畫中畫模式的選項(xiàng)。
在新版 Edge 中，這個操作變得更加快捷便利：當(dāng)光標(biāo)移動視頻窗口底部觸發(fā)播放控制 UI 時，視頻頂部會出現(xiàn)一個 PiP 按鈕，點(diǎn)擊即可啟動畫中畫模式。
目前此功能僅支持在 macOS 平臺的 Edge 中推出，如果你在更新后沒有看到相關(guān)選項(xiàng)，則需要手動開啟 edge://flags/#global-media-controls-picture-in-picture 和 edge://flags/#global-media-controls 兩個功能標(biāo)簽。另外正如上面所說，這個畫中畫按鈕只有在鼠標(biāo)移動到視頻底部時才會出現(xiàn)，相比之前的方案減少了觸發(fā)畫中畫界面所需的點(diǎn)擊次數(shù)，卻增加了鼠標(biāo)移動軌跡，后續(xù)顯然還需要優(yōu)化一下。
▍更加豐富的初始化首選項(xiàng)定制
針對政企商用戶群，新版的 Edge 上線了 Initial Preference 功能，即支持首次啟動時批量定制 Edge 中一定數(shù)量的首選項(xiàng)。在初次部署的時候，政企商單位的 IT 管理員可以為其管理的設(shè)備上所安裝的 Edge 瀏覽器批量設(shè)定默認(rèn)設(shè)置，其中包括設(shè)定瀏覽器主頁、工具欄是否顯示一系列圖標(biāo)、是否啟用暗黑模式等等，這為 IT 管理員帶來了便利，提高了工作效率。
在具體進(jìn)行操作時，他們需要前往針對商業(yè)用戶的 Edge for Business 頁面下載名為「initial_preferences」的示例配置文件，然后針對所需的定制項(xiàng)改動該配置文件中相應(yīng)的 JSON 代碼，確認(rèn)無誤并保存后將配置文件部署至所有用戶設(shè)備的特定文件目錄下，完成以上步驟后在下一次用戶啟動 Edge 之時，相應(yīng)的定制選項(xiàng)便會即刻生效。
▍IE 模式下的網(wǎng)頁將采用「不合并」策略進(jìn)行加載
相比于 Chrome 而言，Edge 的一大特色便是它的 IE 模式了，這也是為了照顧那些不得不使用古老的、僅針對 IE 瀏覽器開發(fā)的網(wǎng)站的用戶。而從 Edge 93 版本開始，其中的 IE 模式將默認(rèn)以「no-merge（不合并）」模式啟動，這意味著當(dāng)一個新的 Edge 窗口以 IE 模式啟動時，它將開啟一個新的、獨(dú)立于原有 Edge 窗口之外的會話進(jìn)程。
IE 模式選項(xiàng)卡擁有獨(dú)立的任務(wù)進(jìn)程
之后在上述的新窗口打開其他網(wǎng)頁，將會同樣以 no-merge 策略下的 IE 模式打開，且同樣獨(dú)立于原有的 Edge 進(jìn)程；若要結(jié)束這種機(jī)制，則需要確保該窗口內(nèi)所有以 IE 模式打開的網(wǎng)頁都已被關(guān)閉。
Chrome 93
▍PWA 程序變得更像本地應(yīng)用
PWA（漸進(jìn)式 Web 應(yīng)用）由于其輕量的特性受到不少用戶的歡迎，在新版 Chrome 中，它們與本地安裝的應(yīng)用程序之間的差距被進(jìn)一步彌合。
Chrome 93 允許我們通過特定的 URL 鏈接直接打開 Chrome 中已經(jīng)安裝的 PWA 程序，例如若我們在 Chrome 中安裝了 YouTube PWA，那么點(diǎn)擊所有相關(guān)域名鏈接都可以直接通過該 PWA 打開，而不是作為新的標(biāo)簽頁打開，就如同跳轉(zhuǎn)使用本地應(yīng)用那樣。
作為網(wǎng)頁版 Gmail 用戶，相信這將極大地改善平時使用 Gmail 的體驗(yàn)，比如直接點(diǎn)擊網(wǎng)頁上的 email 地址便能直接啟動 Gmail PWA 應(yīng)用開始撰寫郵件。
▍更好的應(yīng)用程序多屏與多窗口支持
隨著許多人為自己的計(jì)算機(jī)使用環(huán)境配備了多臺顯示器或是開始使用多屏設(shè)備，多屏狀態(tài)下的軟件用戶體驗(yàn)也變得越來越重要。Chrome 93 為開發(fā)者加入了數(shù)個新的多屏幕信息 API，并對現(xiàn)有的窗口放置 API 進(jìn)行了改進(jìn)，從而使得 Web 應(yīng)用的開發(fā)者能夠利用多屏幕所帶來的更大的視覺空間，為 Web 應(yīng)用程序帶來更高的效率以及更佳的用戶體驗(yàn)。
在支持了這些 API 后，一系列網(wǎng)頁端的應(yīng)用都能更充分地利用多屏顯示空間來進(jìn)行多窗口顯示，例如：
幻燈片放映程序在放映時能夠在投影儀畫面顯示幻燈片內(nèi)容，副屏幕顯示演講者備注提示
創(chuàng)意插畫類程序在主屏幕顯示畫布，在副屏幕顯示調(diào)色板及繪畫工具
開會展示內(nèi)容時在電視機(jī)上播放開會內(nèi)容，在觸摸屏上顯示播放控制按鈕
交易系統(tǒng)通過多個窗口平鋪來展示股市的實(shí)時走勢
▍SVG 文件也能自如地復(fù)制粘貼
SVG 格式的圖像文件由于其能夠在空間中對圖像進(jìn)行有效地編碼并且在放大時依然能夠保持圖像的顯示質(zhì)量而正被越來越廣泛地應(yīng)用，更新后的 Chrome 剪貼板自然也增加了對這種圖像格式的支持。此后，我們便能夠在矢量圖設(shè)計(jì)軟件與一些設(shè)計(jì)工具類的網(wǎng)頁間對 SVG 格式的圖像文件進(jìn)行復(fù)制與粘貼操作。
對于設(shè)計(jì)師來說，當(dāng)在某個網(wǎng)站上發(fā)現(xiàn)了自己喜歡的 svg 圖像素材，他們便能直接通過簡單的復(fù)制與粘貼操作將其加入諸如 Adobe Illustrator 一類的本地應(yīng)用中，抑或是將其粘貼加入諸如 Figma 的網(wǎng)頁端應(yīng)用程序中。
▍更好的驗(yàn)證碼自動填寫體驗(yàn)
出于安全性因素的考量，許多網(wǎng)站對賬戶登錄行為都默認(rèn)開啟了兩步驗(yàn)證，這也讓用戶在登錄自己的賬號時多了一步手動輸入一次性驗(yàn)證碼進(jìn)行身份驗(yàn)證的操作，有些麻煩。
在當(dāng)前的 Android 手機(jī)上，系統(tǒng)已經(jīng)能夠自動識別短訊息中的一次性驗(yàn)證碼并進(jìn)行自動填寫以減少用戶的操作成本。Google 在 Chrome 93 中為其加入了桌面端的 WebOTP API，這在未來將使得一次性驗(yàn)證碼能夠在不同的設(shè)備間同步（主要是從移動端自動同步至桌面端），并于桌面端 Chrome 中進(jìn)行自動填寫，為我們省去一個比較煩人的步驟。
當(dāng)然了，若要實(shí)現(xiàn)這一功能，我們需要在桌面端 Chrome 和 Android 端 Chrome 上登入同一個 Google 賬號，并且也需要開發(fā)者配合添加支持。
▍允許網(wǎng)頁應(yīng)用申明為筆記應(yīng)用
在 Chrome 93 中，Web 應(yīng)用可以將其本身識別為筆記記錄應(yīng)用，這類應(yīng)用可以直接通過 URL 鏈接進(jìn)行打開，體驗(yàn)和 PWA 非常相似，從特性和使用場景來說更加適合 Chrome OS。
不過目前還沒有適配了這一特性的筆記應(yīng)用出現(xiàn)。
▍小結(jié)
除了上述的一些功能優(yōu)化，兩個瀏覽器的本次穩(wěn)定版更新還帶來了一些安全性上的改進(jìn)，本文就不詳細(xì)展開了。
Edge 和 Chrome 在功能改進(jìn)與開發(fā)節(jié)奏上「你追我趕」，受益的自然還是我們這些用戶。兩個優(yōu)秀的瀏覽器你選擇哪一個作為主力使用？歡迎在評論區(qū)分享你的使用體驗(yàn)和看法。
聯(lián)系客服
