1. 為什么越來越多人把Edge標(biāo)簽頁挪到左側(cè)第一次看到有人把Edge瀏覽器的標(biāo)簽頁豎在左邊我的反應(yīng)是這能好用嗎。結(jié)果自己試了一周之后再切回頂部橫排反而覺得別扭了。原因很簡(jiǎn)單現(xiàn)在的顯示器越來越寬橫向空間是過剩的縱向空間才是稀缺資源。頂部標(biāo)簽頁一多標(biāo)題被壓縮成一個(gè)個(gè)小圖標(biāo)找起來全靠猜而左側(cè)垂直標(biāo)簽頁能完整顯示每個(gè)頁面的標(biāo)題一屏能塞下二三十個(gè)標(biāo)簽還清清楚楚。這個(gè)改動(dòng)解決的核心問題有三個(gè)。第一是標(biāo)簽頁過多時(shí)的識(shí)別效率做開發(fā)或者查資料的時(shí)候同時(shí)開二三十個(gè)頁面是常態(tài)橫排標(biāo)簽頁到后面基本只剩個(gè)圖標(biāo)垂直排列則每個(gè)都能看到完整標(biāo)題。第二是屏幕縱向空間的釋放頂部那一行標(biāo)簽欄加上地址欄差不多吃掉了一百多像素的高度挪到左側(cè)之后網(wǎng)頁內(nèi)容區(qū)明顯變高看文檔、寫代碼都舒服。第三是多標(biāo)簽管理的心理負(fù)擔(dān)垂直列表天然像一份清單掃一眼就知道自己開了哪些頁面關(guān)起來也更果斷。適合誰來用我覺得三類人收益最明顯一是前端開發(fā)、后端開發(fā)這類需要同時(shí)開著文檔、調(diào)試頁面、代碼倉(cāng)庫(kù)的人二是做運(yùn)營(yíng)、做研究需要批量對(duì)比多個(gè)網(wǎng)頁信息的人三是筆記本用戶尤其是那種屏幕不算大、縱向空間緊張的機(jī)型。如果你平時(shí)就開三五個(gè)標(biāo)簽頁那這個(gè)改動(dòng)對(duì)你意義不大但只要你經(jīng)常開十幾個(gè)以上強(qiáng)烈建議試一次。需要說明的是Edge的垂直標(biāo)簽頁是原生功能不需要裝任何插件也不用改注冊(cè)表官方設(shè)置里點(diǎn)一下就能切換。這一點(diǎn)比某些需要靠擴(kuò)展實(shí)現(xiàn)的方案省心太多穩(wěn)定性和性能都有保障。下面我把整個(gè)切換過程、參數(shù)選擇、快捷鍵配置以及我踩過的坑完整地講一遍。2. 切換前的準(zhǔn)備與方案選型思路2.1 先搞清楚你的Edge版本支不支持垂直標(biāo)簽頁這個(gè)功能不是所有版本都有它是在Edge 88版本左右開始逐步推送的后續(xù)版本不斷優(yōu)化。如果你用的是比較老的版本設(shè)置里可能根本找不到這個(gè)選項(xiàng)。所以動(dòng)手之前先確認(rèn)版本。查看方法很簡(jiǎn)單在地址欄輸入edge://version回車就能看到完整的版本號(hào)。我實(shí)測(cè)下來Edge 100以上的版本體驗(yàn)最完整垂直標(biāo)簽頁的收起展開動(dòng)畫、快捷鍵響應(yīng)都很順。如果你的版本低于90建議先去edge://settings/help檢查更新讓它自動(dòng)升級(jí)到最新穩(wěn)定版。提示升級(jí)前建議先確認(rèn)一下自己常用的擴(kuò)展是否兼容新版本雖然絕大多數(shù)擴(kuò)展沒問題但個(gè)別老擴(kuò)展在大版本更新后可能失效。2.2 為什么選原生功能而不是擴(kuò)展市面上確實(shí)有一些標(biāo)簽頁管理擴(kuò)展能實(shí)現(xiàn)類似效果比如把標(biāo)簽頁做成樹狀結(jié)構(gòu)、側(cè)邊欄列表等等。但我不推薦用擴(kuò)展來做這件事理由有三條。第一性能開銷。擴(kuò)展本質(zhì)上是在瀏覽器里再跑一層邏輯標(biāo)簽頁越多擴(kuò)展的監(jiān)聽和渲染負(fù)擔(dān)越重。而原生垂直標(biāo)簽頁是瀏覽器內(nèi)核直接支持的幾乎不增加額外內(nèi)存占用。熱搜詞里edge瀏覽器內(nèi)存占用一直是高頻話題能省一點(diǎn)是一點(diǎn)。第二穩(wěn)定性。擴(kuò)展會(huì)隨著瀏覽器更新出現(xiàn)兼容問題尤其是涉及標(biāo)簽頁這種核心功能的擴(kuò)展一旦瀏覽器改了API擴(kuò)展就可能失靈甚至導(dǎo)致標(biāo)簽頁崩潰。原生功能由官方維護(hù)跟著版本走不用擔(dān)心。第三交互一致性。原生垂直標(biāo)簽頁和瀏覽器的其他功能比如標(biāo)簽組、睡眠標(biāo)簽、工作區(qū)是打通的擴(kuò)展往往只能管自己那一畝三分地。比如你把標(biāo)簽頁分組之后原生垂直視圖里分組折疊展開非常自然擴(kuò)展就很難做到。所以結(jié)論很明確能用原生就用原生擴(kuò)展留給那些原生確實(shí)做不到的需求。2.3 切換前值得先整理一下標(biāo)簽頁雖然切換本身不影響已打開的標(biāo)簽頁但我建議在動(dòng)手前先做一次清理。把那些開了好幾天、其實(shí)早就不看的頁面關(guān)掉把相關(guān)的頁面用標(biāo)簽組歸歸類。這樣做的好處是切到垂直視圖之后你看到的是一個(gè)清爽的列表而不是一長(zhǎng)串需要重新消化的東西。整理的時(shí)候可以用Ctrl Shift A打開標(biāo)簽頁搜索快速定位重復(fù)或者不用的頁面。另外如果你有以后再看的頁面建議直接存到收藏夾或者集錦里別讓它一直占著標(biāo)簽欄。垂直標(biāo)簽頁雖然能裝但裝太多一樣會(huì)亂。3. 核心操作三步把標(biāo)簽頁挪到左側(cè)3.1 通過設(shè)置菜單切換最穩(wěn)妥的方式這是最推薦的方式適合所有人尤其是第一次操作的朋友。第一步打開Edge點(diǎn)擊右上角的三個(gè)點(diǎn)也就是設(shè)置及其他菜單。第二步在下拉菜單里找到設(shè)置點(diǎn)進(jìn)去。第三步在設(shè)置頁左側(cè)的導(dǎo)航里找到外觀這一項(xiàng)點(diǎn)開。第四步在外觀頁面里往下找會(huì)看到一個(gè)叫自定義瀏覽器或者標(biāo)簽頁的區(qū)域里面有一個(gè)選項(xiàng)是垂直標(biāo)簽頁或者在側(cè)邊顯示標(biāo)簽頁把它打開。打開之后你會(huì)看到標(biāo)簽頁瞬間從頂部跑到了左側(cè)整個(gè)界面重新排布。這時(shí)候地址欄和工具欄會(huì)占據(jù)頂部一整行標(biāo)簽頁則變成左側(cè)一列。如果你覺得左側(cè)太寬或者太窄可以把鼠標(biāo)移到側(cè)邊欄和內(nèi)容區(qū)之間的分隔線上光標(biāo)變成左右箭頭時(shí)拖動(dòng)就能調(diào)整寬度。我一般調(diào)到200到240像素之間既能顯示完整標(biāo)題又不會(huì)太占地方。注意不同版本的Edge這個(gè)選項(xiàng)的位置可能略有差異。有的版本在外觀里直接叫垂直標(biāo)簽頁有的版本需要先點(diǎn)自定義工具欄再找。如果找不到直接在設(shè)置頁頂部的搜索框里輸入垂直兩個(gè)字就能快速定位。3.2 用快捷鍵一鍵切換效率最高設(shè)置好之后日常切換其實(shí)不需要每次都進(jìn)設(shè)置。Edge給垂直標(biāo)簽頁配了一個(gè)快捷鍵Ctrl Shift ,也就是Ctrl加Shift加逗號(hào)。按一下標(biāo)簽頁在頂部和左側(cè)之間來回切換非常方便。這個(gè)快捷鍵我用了大半年實(shí)測(cè)下來響應(yīng)很快沒有延遲。如果你覺得這個(gè)組合鍵不順手可以在edge://settings/keyboardShortcuts里看看能不能改不過Edge目前對(duì)快捷鍵的自定義支持有限能改的項(xiàng)不多。如果實(shí)在不習(xí)慣也可以考慮用第三方工具做按鍵映射但這就有點(diǎn)繞遠(yuǎn)了我建議還是適應(yīng)一下原生快捷鍵。另外補(bǔ)充一個(gè)相關(guān)快捷鍵Ctrl Shift A是標(biāo)簽頁搜索在垂直視圖下尤其好用。因?yàn)榇怪绷斜黼m然能顯示更多但開了三四十個(gè)之后還是需要搜索這個(gè)快捷鍵能直接彈出搜索框輸入關(guān)鍵詞就能跳到對(duì)應(yīng)標(biāo)簽。3.3 讓垂直標(biāo)簽頁自動(dòng)收起小屏用戶的救星如果你用的是筆記本屏幕本來就不寬左側(cè)固定占著兩百多像素可能會(huì)覺得擠。這時(shí)候可以開啟自動(dòng)收起功能。在垂直標(biāo)簽頁的設(shè)置區(qū)域通常會(huì)有一個(gè)自動(dòng)隱藏垂直標(biāo)簽頁或者鼠標(biāo)移開時(shí)收起的選項(xiàng)打開它。開啟之后垂直標(biāo)簽頁默認(rèn)只顯示一排圖標(biāo)鼠標(biāo)移上去才展開完整列表。這樣既保留了垂直管理的邏輯又不占用常駐空間。我在地鐵上用筆記本的時(shí)候特別依賴這個(gè)功能屏幕小的時(shí)候能多出不少內(nèi)容區(qū)。不過要提醒一句自動(dòng)收起狀態(tài)下標(biāo)簽頁標(biāo)題是看不到的只能看圖標(biāo)。所以如果你的頁面圖標(biāo)區(qū)分度不高比如開了好幾個(gè)同一網(wǎng)站的頁面收起狀態(tài)會(huì)不太好找。這種情況建議還是保持常駐展開或者把寬度調(diào)窄一點(diǎn)。4. 垂直標(biāo)簽頁的進(jìn)階玩法與細(xì)節(jié)調(diào)優(yōu)4.1 標(biāo)簽組在垂直視圖下的妙用垂直標(biāo)簽頁和標(biāo)簽組是絕配。在橫排視圖下標(biāo)簽組是一小段帶顏色的標(biāo)簽堆疊展開收起都不太直觀。但在垂直視圖下標(biāo)簽組變成一個(gè)個(gè)可以折疊的分組每個(gè)分組有名字、有顏色點(diǎn)一下就能收起或展開管理起來非常清爽。具體操作在垂直標(biāo)簽頁上右鍵選擇向新組添加標(biāo)簽頁或者直接把一個(gè)標(biāo)簽頁拖到另一個(gè)上面就會(huì)自動(dòng)形成分組。分組之后可以右鍵重命名、改顏色。我一般按項(xiàng)目來分組比如前端調(diào)試一組、文檔查閱一組、臨時(shí)搜索一組。這樣即使開了五十個(gè)標(biāo)簽也能一眼看清結(jié)構(gòu)。有個(gè)細(xì)節(jié)值得注意垂直視圖下標(biāo)簽組的折疊狀態(tài)是獨(dú)立記憶的。也就是說你收起某個(gè)組之后切到別的組再切回來它還是收起的。這個(gè)行為比橫排視圖下更符合直覺橫排有時(shí)候會(huì)莫名其妙全部展開。4.2 睡眠標(biāo)簽與垂直視圖的配合Edge有個(gè)睡眠標(biāo)簽頁功能長(zhǎng)時(shí)間不用的標(biāo)簽會(huì)自動(dòng)休眠釋放內(nèi)存。這個(gè)功能和垂直標(biāo)簽頁配合起來效果很好。在垂直視圖下休眠的標(biāo)簽會(huì)顯示得比較淡一眼就能看出來哪些是活躍的、哪些是睡著的。設(shè)置路徑在edge://settings/system里可以調(diào)整休眠的觸發(fā)時(shí)間。我一般設(shè)成30分鐘太短了頻繁休眠影響使用太長(zhǎng)了又起不到省內(nèi)存的作用。熱搜里edge瀏覽器內(nèi)存占用是很多人關(guān)心的問題睡眠標(biāo)簽加上垂直視圖實(shí)測(cè)能明顯降低長(zhǎng)時(shí)間使用后的內(nèi)存壓力。當(dāng)然具體省多少取決于你開多少頁面我自己的情況是開四十個(gè)標(biāo)簽、其中一半休眠內(nèi)存占用比全部活躍時(shí)低了三成左右。提示有些頁面不希望被休眠比如正在播放音樂的、正在跑后臺(tái)任務(wù)的。可以在edge://settings/system里把這些站點(diǎn)加入永不睡眠列表或者在單個(gè)標(biāo)簽上右鍵選擇永不休眠。4.3 調(diào)整垂直標(biāo)簽頁的寬度和顯示密度垂直標(biāo)簽頁的寬度是可以拖動(dòng)的前面提過。但除了寬度還有一個(gè)隱藏的調(diào)優(yōu)點(diǎn)是顯示密度。在垂直標(biāo)簽頁區(qū)域右鍵或者在某些版本的設(shè)置里可以調(diào)整每個(gè)標(biāo)簽的高度。密度調(diào)高一屏能顯示更多標(biāo)簽密度調(diào)低每個(gè)標(biāo)簽更寬松點(diǎn)擊更不容易誤觸。我個(gè)人的習(xí)慣是如果是臺(tái)式機(jī)大屏密度調(diào)低一點(diǎn)看著舒服如果是筆記本小屏密度調(diào)高盡量多顯示。這個(gè)沒有標(biāo)準(zhǔn)答案完全看個(gè)人習(xí)慣和屏幕尺寸。另外垂直標(biāo)簽頁的圖標(biāo)和文字比例也可以微調(diào)。有些版本支持僅顯示圖標(biāo)模式適合那些圖標(biāo)辨識(shí)度高的用戶。但我不太推薦長(zhǎng)期用這個(gè)模式因?yàn)橐坏╅_了多個(gè)同站頁面圖標(biāo)就分不清了。5. 常見問題與排查技巧實(shí)錄5.1 找不到垂直標(biāo)簽頁選項(xiàng)怎么辦這是被問得最多的問題。如果你在設(shè)置里翻遍了都找不到垂直標(biāo)簽頁大概率是三個(gè)原因之一。第一版本太老。前面說過低于90的版本可能沒有這個(gè)功能。去edge://settings/help檢查更新升級(jí)到最新版再看。第二被策略或組織管理限制。如果你用的是公司配發(fā)的電腦IT部門可能通過組策略禁用了某些界面自定義功能。這種情況可以訪問edge://policy看看有沒有相關(guān)限制。如果是公司設(shè)備建議先問一下IT別自己亂改。第三設(shè)置項(xiàng)位置變了。Edge的設(shè)置在不斷調(diào)整有時(shí)候選項(xiàng)會(huì)挪位置。最快的辦法是在設(shè)置頁搜索框里直接搜垂直或者搜標(biāo)簽頁位置。如果搜不到那基本就是版本或策略問題。5.2 切換后界面錯(cuò)亂或標(biāo)簽頁消失極少數(shù)情況下切換垂直標(biāo)簽頁之后會(huì)出現(xiàn)界面錯(cuò)亂比如標(biāo)簽頁重疊、內(nèi)容區(qū)空白、或者標(biāo)簽頁看起來消失了。這通常是渲染層面的臨時(shí)問題不是數(shù)據(jù)丟失。排查步驟先按Ctrl Shift ,切回頂部視圖看看標(biāo)簽頁是否還在。如果還在說明只是垂直視圖渲染出了問題。這時(shí)候可以嘗試重啟瀏覽器或者在edge://settings/reset里做一次恢復(fù)設(shè)置到默認(rèn)值注意這會(huì)重置部分設(shè)置但不會(huì)刪除收藏和密碼。如果重啟后還是錯(cuò)亂可以試試關(guān)閉硬件加速路徑在edge://settings/system關(guān)掉使用硬件加速再重啟。我遇到過一次標(biāo)簽頁在垂直視圖下全部擠在一起的情況重啟瀏覽器就好了。后來發(fā)現(xiàn)是某個(gè)擴(kuò)展干擾了界面渲染禁用那個(gè)擴(kuò)展之后再?zèng)]出現(xiàn)過。所以如果你裝了界面相關(guān)的擴(kuò)展切換視圖前可以先禁用試試。5.3 快捷鍵不生效的幾種可能Ctrl Shift ,這個(gè)快捷鍵在大多數(shù)情況下都能用但如果你發(fā)現(xiàn)按了沒反應(yīng)可能是這幾個(gè)原因。一是輸入法沖突。某些中文輸入法會(huì)占用這個(gè)組合鍵導(dǎo)致瀏覽器收不到。可以試著切換到英文輸入法再按或者換一個(gè)輸入法試試。二是其他軟件搶了快捷鍵。比如某些截圖工具、錄屏工具、或者系統(tǒng)級(jí)的快捷鍵管理軟件可能注冊(cè)了同樣的組合鍵。可以逐個(gè)關(guān)閉后臺(tái)軟件排查。三是焦點(diǎn)不在瀏覽器上?？旖萱I只在Edge窗口處于活動(dòng)狀態(tài)時(shí)生效如果焦點(diǎn)在別的程序上按了當(dāng)然沒反應(yīng)。這個(gè)聽起來很基礎(chǔ)但確實(shí)有人會(huì)忽略。如果實(shí)在搞不定快捷鍵那就老老實(shí)實(shí)進(jìn)設(shè)置切換雖然多兩步但穩(wěn)定可靠。5.4 垂直標(biāo)簽頁下如何快速關(guān)閉標(biāo)簽垂直視圖下關(guān)閉標(biāo)簽的方式和橫排一樣鼠標(biāo)移到標(biāo)簽上右側(cè)會(huì)出現(xiàn)關(guān)閉按鈕點(diǎn)一下就行。也可以用Ctrl W關(guān)閉當(dāng)前標(biāo)簽Ctrl F4效果一樣。但有個(gè)小技巧在垂直視圖下因?yàn)闃?biāo)簽是縱向排列的你可以用鼠標(biāo)滾輪在標(biāo)簽欄上滾動(dòng)快速瀏覽所有標(biāo)簽。如果標(biāo)簽特別多配合Ctrl Shift A搜索效率比橫排高不少。另外如果你習(xí)慣用中鍵鼠標(biāo)滾輪按下去關(guān)閉標(biāo)簽垂直視圖下同樣支持鼠標(biāo)中鍵點(diǎn)標(biāo)簽就能關(guān)這個(gè)操作在垂直列表里特別順手因?yàn)闃?biāo)簽是上下排列的中鍵點(diǎn)擊不容易誤觸到相鄰標(biāo)簽。5.5 常見問題速查表問題現(xiàn)象可能原因解決方法設(shè)置里找不到垂直標(biāo)簽頁版本過老或策略限制升級(jí)到最新版檢查edge://policy切換后界面錯(cuò)亂渲染問題或擴(kuò)展干擾重啟瀏覽器禁用界面類擴(kuò)展快捷鍵無反應(yīng)輸入法或軟件沖突切英文輸入法關(guān)閉搶鍵軟件標(biāo)簽頁顯示不全寬度太窄或密度太高拖動(dòng)分隔線調(diào)寬降低顯示密度自動(dòng)收起后找不到標(biāo)簽圖標(biāo)辨識(shí)度低關(guān)閉自動(dòng)收起或調(diào)寬側(cè)邊欄內(nèi)存占用沒降睡眠標(biāo)簽未生效檢查edge://settings/system休眠設(shè)置6. 我踩過的坑和幾條實(shí)在建議第一個(gè)坑是寬度調(diào)得太窄。剛開始為了省空間我把垂直標(biāo)簽頁拖到只剩一百多像素結(jié)果標(biāo)題全被截?cái)嗾翼撁孢€是靠猜等于白折騰。后來調(diào)到220像素左右才真正體會(huì)到垂直視圖的好處。所以別太貪心寬度要給夠。第二個(gè)坑是忘了標(biāo)簽組可以折疊。有段時(shí)間我開了太多標(biāo)簽垂直列表長(zhǎng)到要滾好幾屏一度想放棄。后來才想起來標(biāo)簽組可以折疊把不相關(guān)的組收起來瞬間清爽。這個(gè)功能在橫排視圖下存在感很低但在垂直視圖下是剛需。第三個(gè)坑是自動(dòng)收起和搜索的配合。自動(dòng)收起狀態(tài)下標(biāo)簽只顯示圖標(biāo)這時(shí)候如果不用Ctrl Shift A搜索找頁面會(huì)很痛苦。我建議要么別開自動(dòng)收起要么就養(yǎng)成用搜索的習(xí)慣兩者選其一。幾條實(shí)在建議一是切換之后給自己至少三天適應(yīng)期別用十分鐘覺得不習(xí)慣就切回去垂直視圖的優(yōu)勢(shì)需要標(biāo)簽多起來才體現(xiàn)。二是把常用快捷鍵記牢Ctrl Shift ,切換視圖Ctrl Shift A搜索標(biāo)簽這兩個(gè)用熟了效率翻倍。三是定期清理標(biāo)簽垂直視圖能裝不代表應(yīng)該裝開太多一樣會(huì)亂該關(guān)的關(guān)該存的存。最后分享一個(gè)小技巧如果你同時(shí)用多個(gè)瀏覽器Edge的垂直標(biāo)簽頁設(shè)置是跟著賬戶同步的。也就是說你在公司電腦上設(shè)好回家登錄同一個(gè)賬戶家里電腦也會(huì)自動(dòng)變成垂直視圖。這個(gè)同步很省心不用每臺(tái)機(jī)器都重新配一遍。當(dāng)然如果你不想同步這個(gè)設(shè)置可以在edge://settings/profiles/sync里把設(shè)置這一項(xiàng)的同步關(guān)掉。