前言
出來工作幾年了，平時在工作中主要使用谷歌瀏覽器，除錯頁面，查詢資料，很難離得開這傢伙。如何高效的使用谷歌瀏覽器？這是大多數人都希望知道，但是卻很少做得到的一個事情。其實很不難，藉助一套谷歌外掛和養成使用習慣（認知度和熟悉度）便可。
在工作和平時使用電腦的過程中，有空的時候，喜歡搜尋谷歌瀏覽器外掛，有的外掛安裝了刪了又安裝，有的刪除了永遠不想找回來，有的安裝了永遠不敢刪。折騰來折騰去就整了一套外掛。一開始搜尋折騰外掛確實消耗我的時間，最後一整套外掛出來，我對這些外掛的使用習慣形成，大大提高（不只是工作）效率和上網的體驗。
搜尋篇
記得2年前我在阮大哥的部落格看了一個話：軟體是時間黑洞，它可以吞噬大量時間。我高度認同這個話，一個人的時間很有限，禁不起風吹雨打。網頁上面的那些廣告，美圖（特別是美女圖片），誇大的標題等等，很容易吸引個人去點選，瀏覽，時間一分一秒就過去，大多數情況下，這些內容毫無意義，沒有營養，這就是吞噬時間。
再說個人時間和精力有限，不要在無用的資訊上浪費。現在處於資訊爆發時代，一個人隨便發個微博，文章，是一個資訊。這麼多的使用者，每天產生多少條資訊，這個數量是很可怕的。其中，垃圾資訊是佔多數的。所以用好瀏覽器，躲開這些坑，很有必要。
最近發現，其實有種簡單的模式使用瀏覽器，簡單高效率。搜尋過程分為2個頁面：一個是搜尋列表頁面，例如國內的百度，必應，國外的谷歌；一個是詳情頁面（點選搜尋結果每一項跳轉的詳情頁面）。
效果如下：
搜尋頁面，搜尋結果裡面的百度推廣廣告，百家號，右側的熱點，相關人物（比如它可能給我推吳孟達，羅慧娟）隱藏了，我可以專心關注我的搜尋內容或者問題等等。這一塊使用的外掛是猴油裡面的AC-baidu，Stylus裡面的baiulite，簡悅。
在這說說百度的高階搜尋吧。
""指定完整的內容。這個高度推薦。比如說輸入快樂的豆腐，百度可能會拆分，返回來一些內容豆腐很快樂，快速煮豆腐等等，不是我要的內容，這時候加雙引號可以達到預期。《》用於書名，影視，歌曲等作品。+就是和空格類似，多加一個關鍵詞；-告訴搜尋引擎不要給我出現這個內容，比如說我搜尋Vue，他可能給我推薦vue+jquery的內容，加- jquery沒有jquery；* 就是說一個關鍵詞有個地方不確定，而且這個不確定的地方可能不止一位；？和 * 類似，但是不確定的位數只限一位。總結一下就是""，《》，*，？是用在當前關鍵詞；+，-使用在另外一個關鍵詞那裡。
fileType是指定檔案型別，一般用於找文章，下載圖片，電子書資源等等；intitle:xxx，指定某個標題的，title就是標籤頁上面顯示的文字內容；inurl:xxx，指定某個網址，甚至是網址下的某一部分，比如說新浪有部落格，有新聞，都可以細化指定，它是site的加強版；site:xxx，指定某個網址，一般用inurl則可。
簡單來說就是6個符號和4個單詞。默唸幾遍，使用就會熟悉的。
詳情頁面。頁面裡面的使用者頭像，暱稱，所以內容的列表，相關內容推薦，網址的頁面導航統統都看不到，我只需要關注搜尋結果的標題和內容（通常是圖文）。一個自媒體使用者他會寫很多的文章，大多數質量不高，我無需關注這一塊。出現在百度必應搜尋列表的前面的，通常是質量高的。這一塊使用的外掛是簡悅。
外掛篇
有哪些外掛？其實是看自己的需求。可以靜下來心閉著眼睛想一下，開啟一個頁面，最想看到什麼？一個乾淨的頁面，它只呈現使用者想看的內容，沒有其他感覺，背景色是護眼綠，晚上可以設定暗黑模式，頁面沒有任何廣告，百度搜尋頁面沒有右側熱點和百度百家號推薦。可以脫離滑鼠操縱頁面，閱讀的時候只展示詳情內容，書寫的時候支援markdown語法轉換，播放視訊任意尺寸，對工作密切幫助的，看看股票行情...
谷歌的外掛給我的感覺是好用極了。
本次外掛目錄是：
檢視類：
Adblock Plus，眼睛護航，Stylus，DARK READER；
操縱讀寫類：
Vimium++，Tab number，新媒體管家，sparete window，Markdown Here，Tampermonkey，languageTool
前端類：
FeHelper(前端助手)，EditThisCookie，Octotree，Vue.js devtools，、網頁截圖:註釋&錄屏
其他工具類：
類似的網站，OneTab，股票小助手，擴充管理器，二管家，谷歌自帶的隱藏功能，
檢視
一、Adblock Plus
去廣告的，沒有好寫的。
二、眼睛護航
需要簡單設定，在外掛設定項裡面僅勾住主體body，開啟調色模式，這樣大多數頁面就變成護眼綠。支援暗黑模式，只是沒有下面的DARK READER好。對自己的眼睛好點吧，設定護眼綠和把字型調大些。
三、 Stylus
它和Tampermonkey類似，只不過它是嵌入樣式css，改變頁面的樣式。自從我用了Baidu lite 百度輕樣式之後，百度首頁就和谷歌首頁那樣好看了（感覺豬八戒變白骨精），沒廣告，很乾淨舒服。除了百度，其它知名網址的樣式均有支援樣式調整。樣式就是外觀的意思。
樣式網址
https://userstyles.org/styles/browse/baidu
四、DARK READER
給頁面設定暗黑模式，需要細調設定。使用率不高，因為簡悅的閱讀模式已支援暗黑模式
操作、閱讀、書寫
一、 Vimium++
這個是重磅，在這麼多外掛中，我最喜歡的就是它，21世紀最好用的瀏覽器外掛沒有之一。如果哪天這個外掛不在了，瀏覽網頁的時候，我會很不習慣，就好像身上有很多的螞蟻在爬。這個外掛需要學習成本。它是由Vim衍生而來的。
vim是編輯器，上古神器。有一套複雜的操縱命令。我的微信公眾號文章《vim編輯使用》裡面有介紹。Vimium和vim大體相同，有一些差別。為什麼我會喜歡這個外掛？因為它可以讓你脫離滑鼠快速切換標籤頁，瀏覽網頁，上下移動，點選頁面的某個按鈕等等。
按下F鍵，發生的事情是，再次按對應的序號，相當於滑鼠點選。
d是下一頁，j向下移動，u上一頁,k向上移動，h左移l右移。H是標籤頁歷史回退，L是標籤頁歷史向前，r是重新整理。那個歷史回退向前有什麼用啊？比如百度搜尋頁面，突然想看上一個搜尋關鍵詞的內容，直接H就可以了，無需再次輸入文字，按多次H，回到倒數第幾次，想回到最新的關鍵詞，按一次或者多次L就可以。
x關閉頁面，錯手關閉頁面，X重新開啟關閉的頁面，多次X會開啟依次開啟最近關閉的頁面。gt/Gt切換標籤頁，數字+g0是跳轉到你想去的標籤頁（這個結合下面的Tab number，就不用數標籤了）。/是頁面內查詢內容。忘記命令了，輸入？就展示所有的命令。
二、 Tab number
在每個標籤頁的左邊顯示序號。結合Vimium 使用。
這個外掛我找了很久，發現有些小問題，剛好我會js，就改了邏輯，讓它滿足我的需求。
三、Tampermonkey（高度推薦）
猴油指令碼，這個傢伙就是讓瀏覽器執行一段指令碼，做點什麼。
安裝一個AC-baidu，百度搜尋頁面的右側廣告全沒，搜尋結果剔除百家號推薦，搜尋列表瀑布流似的呈現內容。（不用點分頁序號）。瞬間就有了和谷歌搜尋的體現。
簡悅( SimpRead )。這個指令碼高度推薦。它支援使用者進入網址的詳情頁面，僅顯示標題和內容，快速進入沉浸式閱讀。可以試想下，工作的時候，人的精力有限的，經常會累。同時需要搜尋內容，當你進入一個頁面時，它除了顯示需要找的內容時，還有其他的圖片，內容。很可能會把人的精力，時間消耗部分。簡悅可以幫忙把這類事杜絕掉。它還支援自動進入閱讀模式，改字型大小，和暗黑模式。大多數時候，查詢資料找到自己想要的內容就可以了。
其他的指令碼，歷史價格查詢，視訊網址的vip等等，感興趣慢慢去折騰。
指令碼網址
https://greasyfork.org/zh-CN
四、 Markdown Here
平時在網頁郵箱寫郵件的時候，或者其他文章時，使用了markdown語法，它可以給你一件轉換。我平時寫東西都是用線上markdown轉換工具，這個外掛用的少，它可以提供一種方便快捷而已。
五、sparete window
平時在瀏覽器瀏覽內容的時候，大多數都是圖文，說白了就是圖片和文字。其實還有一種學習的方式：觀看視訊。大多數人可以通過B站，西瓜視訊，慕課網，雲課堂等等網址學習辦公技能或者其他技能。這個外掛就是讓人可以點選視訊區將它分離出來，任意尺寸，任意播放速度的觀看。特別是做程式設計師的，忙的時候忙死，閒的時候閒死，如果可以在閒的時候，觀看視訊學習新的技能（或者下班看），對自己和專案，公司都是好處。對專案的好處是：比如我們做前端的，學了ES6,7,8的語法，用在專案中，可以大大簡化邏輯程式碼。對閱讀性和維護性是大大提高，公司的專案成本就降下來了。
這個外掛是前同事深介紹給我的，當年共事的時候，中午吃飯時，經常上Youtobe分離星爺的電影看。深說這個你都看了幾遍了我跟你說。呵呵，只要能讓我開心的，看多幾遍又如何。這個世界上有很多不開心，我們需要逗樂自己，討好自己。
六、新媒體管家
適合運維工作或者自媒體平臺的那些人，管理多個網站的賬號，一鍵傳送。
七、languageTool
就是平時寫東西時，需要語法檢查時，可以使用這個外掛。個人感覺沒有微信訂閱號編輯器那個錯誤提示好。
前端工具
這部分非程式設計師可以不用看，看了也是浪費時間，都是我工作相關的。
一、FeHelper(前端助手)
前端的英文就是FontEnd，顧明思議這就是前端的助手。功能很多，是個大集合箱子，功能有json美化，js正規表示式,Json對比工具，資訊編碼轉換，二維碼生成器等等。
不要小看這些工具，用的好，可以節省時間。就拿有一次，開發有個頁面退款的，退款金額需要正規表示式，我去網上找了好幾個，在瀏覽器的控制檯console那裡試用正規表示式，發現找來找去正規表示式不對。結果花了我90分鐘。後來在專案裡面發現要找的正規表示式其實是對的，應該是控制檯和專案的環境不一樣，控制檯那個low。一開始使用這個助手裡面的正規表示式就可以節省這個時間了。因為它支援驗證正則很快，使用者想到什麼直接輸入就可以了。
Json美化這個功能屬於常用。在專案裡，無論是自己給後臺拼接的資料還是後臺介面返回來的資料，有時需要驗證資料結構是否存在問題，這時候使用Json美化。沒有必要每次都到百度那裡搜一個線上工具來做這個事。
二維碼生成器。以前我寫移動端頁面是，把專案跑起來，將專案地址生成二維碼，手機掃描快速訪問。其實這不是它的本質。應該是當需要將一段的字串，可以是段落，文字，網址，郵箱，身份證等等從電腦端傳到手機端，使用這個功能，方便快捷。不用手敲。
二、EditThisCookie
支援快速的控制Cookie，負責專案登入功能的同學需要安裝。如果沒有，也可以不用。
三、Octotree
程式設計師都喜歡到gitHub社群，找專案看程式碼，說白了就是找程式碼複製貼上。這個外掛就是在左側生成一個專案檔案樹結構，讓人對專案檔案結構一覽無遺，點選某就可以切換該檔案。這個外掛一旦安裝，就永遠不想刪除了。
四、Vue.js devtools
vue專案的瀏覽器除錯工具。這個外掛讓vuex裡面的變數被看到，方便除錯。React框架也有類似的外掛。
五、網頁截圖:註釋&錄屏
記得剛開始學習前端時，有個人給我介紹這個外掛。支援滾動對整一張網頁截圖，這個用處就是當你看到好看的頁面佈局，截圖下來，自己寫樣式把它實現。適合小白入門html，css所用。
其他
一、類似的網站 - 發現相關網站
當你看到一個很好用的網站時，又想找找和它同類的網站，作擴充或者研究或者比較使用。有興趣可以試試這個外掛，它可以擴寬視野。喜歡研究的人應該對這個感興趣。
二、OneTab
一個瀏覽器開啟很多標籤頁的時候，會吃掉很多記憶體，尤其是谷歌瀏覽器。通過這個外掛把一組標籤頁記錄下來，並關掉標籤頁，下次一起或者一個個開啟。
支援標籤頁分組並鎖定，這個好處是比如一個人工作每天需要開啟固定的那幾個頁面，這時候Tab住，每次開電腦一併開啟就可以，肯定比一個個點選開啟的強。
三、股票小助手
摸魚工具。支援讓使用者簡單看一下指數或者股票價格，買股票的人應該需要，因為不用每次討手機解鎖的看。不建議散戶把股票帶到工作中去，因為這個可能會嚴重影響工作。我上一家公司的一個同事工作空閒時，總是開啟財富證券網看股票行情。不應該啊，浪費個人的時間和精力。而且付出和（炒股）收入不成正比。應該是工作是工作，生活是生活，炒股是炒股，不讓它們相互干擾。做到這一點的人真的很少，但是應該朝那個方向努力。
四、 擴充管理器，二管家，谷歌自帶的隱藏功能
當外掛數量多了，有時需要開啟或者關閉外掛，可以通過安裝擴充管理器或者二管家，帶來的好處是方便快捷。
安裝了一套外掛，比如數量有20來個，有時候需要點選某個外掛，然而在20箇中找一個，難受啊，這時候谷歌自帶的隱藏功能就可以出場了。把需要高點選率的外掛放在左邊，不需要點選或者很少點選的放在右邊。把滑鼠移到搜尋框的最右邊，等滑鼠變為左右箭頭時，按住左鍵拖拽右移，可以隱藏最右邊的外掛。當顯示的數量是7到10個時，眼睛搜尋就容易多了。
最後
最後用好這些外掛，提高上網體驗和工作效率，對個人和公司是有很多好處的。
差點忘記寫如何安裝外掛，這麼重要的一步。方法有兩：
一、 可以kx上網，直接到chrome 網上應用店安裝。https://chrome.google.com/webstore/category/extensions?hl=zh-CN
二、不方便kx上網的，離線安裝法：到https://chromecj.com/ 下載相關外掛離線的crx擴充包，拖到谷歌的擴充應用頁面（chrome://extensions/）就可以。離線安裝法的確點是不能安裝最新版的外掛，不過基本功能在滿足使用者需求綽綽有餘。
聽說微軟新版的Edge支援所有的谷歌外掛，和谷歌瀏覽器體驗差不多。以後有時間去體驗一把囉。
最後，歡迎關注我的公眾號。
