最精緻的瀏覽器——Chrome科普貼

monkeysayhi發表於2017-11-20

Chrome是我最喜歡的瀏覽器。上次寫FQ教程的時候,有讀者注意到了我的Chrome皮膚:

image.png
image.png

因為我使用了一款簡潔而優雅的Chrome皮膚:

image.png
image.png

這款皮膚十分簡單:主體色調和焦點標籤是乾淨的純白色,非焦點標籤是一種大理石紋理的淡藍色。稍後會給出下載連結。

本文就跟大家分享我心中最精緻的瀏覽器:

image.png
image.png

簡潔的設計、極致的速度、海量的外掛、絢麗的皮膚,堪稱居家旅行、裝逼耍酷的不二選擇

設計

設計方面見仁見智。我一直崇尚極簡主義,比如Google首頁,比如Gmail,比如Chrome,還有我手中的Mac。簡潔就是簡單,簡潔就是一切

速度

相信對於大部分使用者而言,速度是選擇一款瀏覽器的首要標準。面對瀏覽器速度之王Chrome,市場的反應與我們的直覺是對應的:

image.png
image.png

不過我要說的是——只要速度差別不明顯,沒必要死盯著那麼一點差距,我們還有詩和遠方

撇開IE(包括Edge)不談,排名前三的瀏覽器分別是Chrome、Firefox和Safari。這三款瀏覽器的速度差別很小,Firefox只是啟動速度慢(的不能忍)——而國內大部分瀏覽器都使用了Chrome的核心,甚至直接封裝了Chromium(Chrome的開源版本),再加上各種內建的流氓外掛,還有噁心的全家桶系列,速度一定比Chrome慢——不信?安裝幾款國內的瀏覽器,開啟淘寶首頁,或者12306搶個票,實際感受一下吧。如果打了我的臉,,,麻煩輕一點。

回到這三款瀏覽器的選擇上,作業系統已經幫我們過濾了一次:

  • Windows系統的Chrome、Firefox支援力度大
  • Linux系統是Firefox的天下
  • macOS系統則只能從Chrome、Safari中選擇

Chrome和Firefox的外掛支援極其豐富,Safari...建議放棄外掛,Mac使用者太少外掛開發不給力。剩下還需要猶豫嗎?看我的文章當然要選Chrome

小科普:
影響瀏覽器速度的主要是瀏覽器核心,多指渲染引擎。目前最主流的是Google的Blink核心(也稱為Chromium核心),但Blink實際上fork自Apple開源的Webkit核心,當然目前兩款核心差別已經非常大。Chrome使用了Blink核心,Safari使用了Webkit核心,iOS和Android內建瀏覽器則均使用了Webkit核心。所以不要總說我水果閉源不良心,畢竟每次開源一個產品,整個開源世界都顫抖了。
與這兩款核心齊名的便是Mozilla聯盟的Gecko核心,主要由Firefox使用,也是開源的。

外掛

Chrome的優秀之處不僅體現在其簡潔的設計和極致的速度,海量的外掛(也就是擴充套件extension)是最吸引我的一點。下面從我長期使用的外掛中選擇一部分簡單介紹,權做拋磚引玉,希望朋友們將你們喜歡的優秀外掛推薦給我。

在介紹時,安裝或下載連結統一附在該類外掛介紹的末尾,下載連結的安裝方法計劃在下一篇教程整理,莫急,莫急。

image.png
image.png

基本之上的基本需求

廣告遮蔽

外掛入門必選的是什麼?廣告遮蔽類。

Adblock Plus是廣告遮蔽外掛中的No.1,橫跨Chrome、Firefox、Safari三大瀏覽器,超過5000萬人使用,免費的廣告攔截器,可阻止所有煩人的廣告及惡意軟體和跟蹤。完全阻止所有的廣告是不可能的,畢竟遮蔽規則更新的速度絕對比廣告慢,比如百度搜尋頁面廣告的遮蔽效果一直不好。

所以就需要另一款專治百度的外掛,遮蔽百度推廣,可徹底遮蔽百度搜尋頁面上含有的商業推廣等廣告,於是被強制下架了。不過github還在,安裝方法見後。

注:

  • Adblock Plus只能“遮蔽”廣告,也就是說,視訊廣告不播放,但時間還是要等想跳過廣告的繼續看
  • 是“Adblock Plus”,不是“Adblock”。後者已經被收購併被我猿發現竊取使用者隱私,被猿族徹底封殺,才重新推出來“Adblock Plus”。

禁止Flash

如果你同我一樣,使用的是55.0以上版本的Chrome,那麼這類外掛就不再需要,可以直接跳過。

由於Flash技術在效能、安全上的落後,Chrome和Flash的老爸Adobe都宣佈要放棄它了。喬幫主更是從始至終瞧不上Flash,Mac系列產品不對Flash做任何優化,一旦開啟Flash,Mac將瞬間變成冬天的小暖寶。安全問題更加嚴重,Adobe Flash的安全事故從來沒有間斷過。國際上大部分主流網站都已經用HTML5取代了Flash,但國內網站的尿性啊,受不了啊,進度慢成一坨屎啊。目前仍在大量使用Flash的主要是視訊廣告和不思進取的音視訊網站。目前Chrome已經預設禁止Flash了,想必各大網站很快就不得不改進了。

總之,對於老版的Chrome瀏覽器和已經用了2年3年的筆記本,預設禁止Flash是更好的選擇。Flashcontrol可以實現這個功能,禁止後,瀏覽器效能大幅提升,電腦耗電情況改善,Flash一起的安全問題也徹底消除;同時,點選禁止區域仍然可以在該處暫時啟用Flash,從而相容不思進取的網站。

對於某些支援HTML5卻不預設啟用的視訊網站,媽媽再也不用擔心我的macbook發燙了計劃2.0Beta(別誤會,名字就是這麼長)可以強制啟用,Windows、Linux也可以使用(JS實現),直接跳過廣告哦~

效率

自動翻頁

Google搜尋後不想一次次的點選“下一頁”翻頁?瀏覽貼吧時希望在一頁裡展示所有內容?AutoPagerize的自動翻頁功能滿足你:支援大部分翻頁模式,當焦點滾動到頁面底部時,它會自動載入下一頁,並銜接在當前頁內容之下。

image.png
image.png

撤銷關閉的標籤

瀏覽網頁時最怕的是什麼?手抖關錯了標籤頁SimpleUndoClose外掛可以撤銷關閉的標籤,擁抱手抖,擁抱後悔。撤銷數量幾乎無上限,點選圖示可選擇要撤銷的已關閉標籤:

image.png
image.png

還可以設定快捷鍵:

image.png
image.png

image.png
image.png

設定個Alt+Z什麼的,自動撤銷關閉的上一個標籤,就像Ctrl+Z撤銷誤刪一樣。

表單歷史記錄

自動儲存在表單(比如輸入框)的輸入歷史,下次輸入可以直接點選輸入框,在歷史中選擇,省去重複輸入的麻煩:

image.png
image.png

來看看我家大冪冪

預覽網頁

剛開始用Mac的時候,一直沒有從Safari遷移回Chrome的原因之一就是Safari的預覽。現在用iPhone with 3D-touch的朋友應該知道這個功能,在Safari的連結上重按,會在小視窗開啟連結內容,這就是連結的預覽(還有照片的預覽,視訊的預覽,文件的預覽等)。直到我在Chrome中發現這款外掛,Preview It,當滑鼠停留在連結上時,按“w”建,和Safari預覽相似,會在側面的小視窗開啟連結。不同的是,Preview It可以讓你同時在多個視窗預覽多個連結,cool:

image.png
image.png

查詢特定標籤

這個幾乎是妹子最愛啊——每次買衣服是不是要開啟超多的標籤頁,淘寶、唯品會、蘑菇街、美麗說balabala的,然後就忘記哪件衣服好看了吧哈哈哈!Tabio可以在當前開啟的所有標籤中按照標籤名搜尋:

image.png
image.png

這樣就能開啟一次性看更多衣服了有木有!我竟然如此暖心,就問你滿不滿足!當然,這更是程式猿查詢資料的一大利器,牆裂推薦!

頁內正則搜尋

這個有點專業了哈,支援正規表示式,可代替內建查詢功能。建議設定快捷鍵。

翻譯

不同於常規的全文翻譯或劃詞翻譯,有道智慧翻譯 by PUBU.IM支援專家、進階、入門、全文四個難度的選擇。部分頁面可直接觸發,沒有觸發又需要翻譯的可點選圖示觸發。

image.png
image.png

右鍵搜圖

大部分瀏覽器都支援選中文字後,右鍵中提供選項直接搜尋。對於各位老司機,查圖是必備的功能,Google的圖片搜尋也比百度強大的沒邊了,以後只需要在圖片上右鍵,就會彈出選項可直接查圖。

Search by Image (by Google)

圖片批量下載

可下載頁面中的全部圖片,根據大小篩選:

image.png
image.png

PS:圖片來自Tumblr

網頁截圖

網頁截圖的需求就不需要解釋了,Full Page Screen Capture的特點是萌,因為它截圖時是這樣的:

image.png
image.png

網購

網購我不是很在行,每次都是明確決定要買什麼才開始逛。而朋友S是網購小王子,智商爆表,快速學習能力出眾。後來被他推薦了一些網購外掛,我最終選擇了兩個外掛配合使用,可以在每個商品詳情頁同時顯示當前網站的歷史價格和其他電商網站的實時價格:

image.png
image.png

其他工具

閱讀模式

這兩款外掛用於改善閱讀體驗。

閱讀模式開啟之前,只這樣的:

image.png
image.png

無比紛雜。開啟之後,所有文章以外的無關內容都將被自動消除,並優化排版:

image.png
image.png

還可以在右側對文字、顏色等進行簡單的設定。

舒適閱讀則是從色彩搭配方面做出改變,可以在幾種配色中自由選擇文字和背景的顏色:

image.png
image.png

不過這個外掛我個人使用不多,閱讀時不喜歡太嘈雜的配色,簡簡單單的白底黑字就非常完美

有道筆記剪藏

Evernote筆記講道理還是太貴了,,,雖然真的好用啊好用啊~所以我主要還是在閹割版Evernote——有道雲筆記上整理筆記。效果一般,但大體上也能滿足需要。如果預算允許,花點錢用Evernote吧。

aria2

是不是感覺電腦(包括Windows、macOS)上百度雲客戶端下載東西越來越慢了?國內網盤面臨政策和盈利問題,烏壓壓倒了一片,活下來的也是風聲鶴唳,而百度通過限速、提價等手段,再加上常年維持的良好政府關係,總算活了下來。百度雲2T的空間,配合aria2系列的外掛,便可以既享受百度雲的大容量,又不受百度雲的速度限制。

但是實際操作有點複雜,下次再寫篇專門的教程。

強制開啟復制

來,你開啟360文件複製一下,就知道什麼用了。

重定向百度搜尋

自動重定向百度搜尋到你設定的其他搜尋,從此徹底告別百度。

改變瀏覽器UA

簡單理解,UserAgent(簡稱UA)標識了瀏覽器的裝置、版本等資訊,比如修改UA為Android KitKat,就可以在電腦版Chrome上自動訪問Android移動版的網站。雖然PC端顯示移動端網頁的效果是很傻的,但某些特殊場景——比如京東移動端的優惠,就可以無縫切換,十分方便。

支援IE

顧名思義,一鍵將當前標籤頁轉換為IE模式,幫助你徹底告別IE(和Edge)。

Markdown寫作

部落格上的文章直接支援Markdown格式,但微信公眾號不支援。我通過Markdown Here實現了曲線救國:在任意輸入框中直接編輯Markdown文字,最後觸發Markdown Here外掛,自動完成Markdown文字的渲染。同理,Markdown Here在支援富文字的電子郵件、部分論壇中同樣可以施展拳腳。

使用Markdown Here在微信公眾號後臺渲染文字時,程式碼的換行都不見了。經查證得知,Markdown Here渲染時是不處理程式碼塊內部的空白符的,但S*B微信自以為是的把code標籤內的換行符去掉了。
那麼現在有兩個思路:

1 . 每次渲染之後,手動調整程式碼換行
2 . 寫個指令碼,自動將程式碼行末的換行符替換為br標籤

於是,我自然採取了第3個思路:

3 . 直接複製本地渲染好的文字

YouTube打分預覽

直接引用外掛的描述:會在影片縮圖上顯示使用者的喜歡度,讓您事先決定是否值得您花費時間觀看

image.png
image.png

最新的版本中,用視訊頂部的藍色條長度代表喜歡程度的百分比,更加直觀;滑鼠移動到視訊上會顯示具體的百分比數字,讓我們假想滑鼠還留在第三個視訊上。相信痴迷YouTube的你們會喜歡的,不知道什麼時候Tumblr也能出個兄妹外掛。

音樂聚合

Listen 1是一款音樂聚合類外掛(這種聚合應用的專業猿語叫元搜尋引擎),搜尋一次,同時展現網易雲音樂、QQ音樂、蝦米音樂、豆瓣音樂的音樂資源,隨時線上聽歌,還能製作自己的歌單。作者也開發了Windows和Mac的客戶端,不過反正不能下載音樂,我覺得線上聽可能更方便。

小外掛是用Python+Tornado寫的(所以和XX-Net一樣,需要安裝Python),資料僅儲存在本地

皮膚

有些朋友甚至不知道Chrome有這麼多皮膚可以選擇。我習慣叫“皮膚”,實際上人家叫“主題背景”,同樣位於Chrome網上應用商店,左側“擴充套件程式”的下方:

image.png
image.png

我安裝的主題是Watercolour,前面已經介紹了。尋找一款適合你的主題,讓你的生活更有趣。

有一點Chrome做的不好:如果安裝主題之後又忘記了,就沒有途徑知道自己安裝的是哪個主題了,壓根木有這個功能。

更多驚喜

還有超多驚喜跟大家分享:

  1. 剛才說到的位址列直接搜尋
  2. 隱身模式,隱身的視窗完全隔離,不留痕跡,嘿嘿嘿~
  3. 超多快捷鍵支援(Windows加上滑鼠手勢外掛,macOS加上Jitouch,簡直完美)
  4. 關閉很多標籤的時候,可以連續點關閉而標籤大小不變,直到滑鼠移開才重新調整標籤的大小
  5. 如果你說Chrome的設定項好少,那麼please開啟about:about
  6. ...

Chrome帶來的驚喜實在太多太多,歡迎關注我的部落格(見簡書的個人介紹),更歡迎分享你的體驗~

參考:


本文連結:最精緻的瀏覽器——Chrome科普貼
作者:猴子007
出處:monkeysayhi.github.io
本文基於 知識共享署名-相同方式共享 4.0 國際許可協議釋出,歡迎轉載,演繹或用於商業目的,但是必須保留本文的署名及連結。

相關文章