前言
出來工作幾年了，平時在工作中主要使用谷歌瀏覽器，調試頁面，查詢資料，很難離得開這家伙。如何高效的使用谷歌瀏覽器？這是大多數人都希望知道，但是卻很少做得到的一個事情。其實很不難，借助一套谷歌插件和養成使用習慣（認知度和熟悉度）便可。
在工作和平時使用電腦的過程中，有空的時候，喜歡搜索谷歌瀏覽器插件，有的插件安裝了刪了又安裝，有的刪除了永遠不想找回來，有的安裝了永遠不敢刪。折騰來折騰去就整了一套插件。一開始搜索折騰插件確實消耗我的時間，最后一整套插件出來，我對這些插件的使用習慣形成，大大提高（不只是工作）效率和上網的體驗。
搜索篇
記得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支持所有的谷歌插件，和谷歌瀏覽器體驗差不多。以后有時間去體驗一把啰。
最后，歡迎關注我的公眾號。
