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