優化 Google Chrome 的使用體驗

優化 Google Chrome 的使用體驗

吾輩的博客原文 https://blog.rxliuli.com/p/54...

前言

倘若我沒有看見光明，我本能夠忍受黑暗。

下面是吾輩在使用 Chrome 遇到的一些不舒服的地方，以及對應的解決方法。一切皆是爲了一個目標：提升瀏覽器的使用體驗！

字體

在以前吾輩也不曾對字體有過什麼注意，直到後來聽聞 MacOS 的字體顯示比 Windows 上好不少，去看了一下確實如此。想要有一個好看的字體，字體自己極爲重要，這裏吾輩目前在使用，也很推薦的字體是 Sarasa Gothic。支持 簡中/繁中/英/日 四種語言，雖然體積稍微龐大，但效果倒是至關不錯。

Windows 字體預覽

這裏也推薦做爲編程字體，畢竟程序中同時存在中英文，而一個同時支持中英文的等寬字體實在可貴。

設置網頁默認字體

安裝完了字體，然而 Chrome 默認並不會使用它，咱們還須要 Stylus 進行指定。

添加一個新的樣式，內容只須要設置全部元素使用的字體爲 Sarasa Mono CL

/* 全局字體設置 */
* {
  font-family: 'Sarasa Mono CL';
}
/* 強制指定 input 框中的字體 */
input {
  font-family: 'Sarasa Mono CL' !important;
}

這時候查看一下字體效果

夜間模式

若是你像吾輩同樣，喜歡暗色的主題，可使用插件 Dark Reader，它可以讓網頁默認使用暗色模式，看起來和編輯器保持一致：而且，看起來很 Geek！

看起來標題欄很違和？安裝一個 Dark 主題 試試看。
如今，是否是變得很和諧了呢？

廣告過濾

目前而言，瀏覽網站時，沒有一個廣告過濾插件的話，廣告的數量將是難以置信的龐大，並且討人厭！
吾輩目前在 Chrome 上僅推薦 uBlock Origin，開源免費，不推薦 Adblock Plus 與 Ublock。前者將廣告攔截作成了生意（參見 向來以屏蔽互聯網廣告爲己任的 AdBlock Plus，爲何賣起廣告了？），後者則是接手開發者的自私接受捐款致使原做者 Fork 並開發了新版本 Ublock Origin（參見 Wiki uBlock Origin 歷史）。

雖然吾輩基本上平常 Google，不過爲了比較這裏來看一下未進行廣告過濾前的百度搜索結果

搜索購物，天啊，第一頁全都是廣告，百度真的喪心病狂。。。

注意每一個搜索結果下面的小字 廣告

使用插件後的效果

嗯，清爽了許多呢 ~ o(*￣ ▽ ￣*)o

這裏對比一下 Google 的搜索結果，能夠明顯看出來百度的廣告的數量之多。。。

自動翻頁

若是你也以爲搜索結果須要翻頁好麻煩，那麼 AutoPagerize 能夠同樣能夠幫到你！

下面是使用了 AutoPagerize 後的 Google 搜索結果，會在滾動到接近底部時，自動獲取下一頁的內容並拼接到最後！

固然，它也支持百度哦

屏蔽 Google 搜索結果

當你搜索中文技術相關的內容時，必定會遇到一個使人厭惡的社區 -- CSDN 博客。裏面的內容基本上都是複製粘貼，甚至做者都並未真實嘗試過就發出來了，實在是太爛了！
因此，使用 Tampermonkey 油猴插件 + 油猴腳本即可以輕鬆屏蔽掉它們。

吾輩並不否定 CSDN 有不少有趣的做者，可是啊，相比於這個平臺的大多數人，他們實在太少了，簡直如同大海撈針通常。
油猴腳本: 是一段能夠在某個網頁自動運行的 JavaScript 腳本，事實上，拋開 Tampermonkey 這個運行容器不說，油猴腳本就是徹頭徹尾的 JavaScript 代碼，任何瞭解過 Web 開發的人應該都能寫一個簡單的油猴腳本。若是你打算嘗試玩玩油猴腳本，能夠參考吾輩踩過的坑 Greasemonkey 踩坑之路

你須要先安裝 Tampermonkey 插件，而後在 Greasy Fork 安裝腳本 Google Hit Hider by Domain。

而後在 Google 搜索 js 數組去重，能夠看到包含了幾個的 CSDN 博客的結果

如今，讓咱們從 Google 搜索中屏蔽 blog.csdn.net 這個域名

屏蔽後的搜索結果，CSDN Blog 那些垃圾博客不見了，心情大好！

新標籤頁

你是否也曾厭倦了 Chrome 瀏覽器千篇一概的新標籤頁，這裏吾輩我的使用的是 Tabliss。最先是在 Firefox 遇到的，後來做者將之移植到了 Chrome 上，開源免費，每次的新標籤頁都是不同的風景。

也能在每次打開新標籤的時候放鬆心情，吾輩以爲是極好的。

凍結後臺標籤頁

你是否也曾由於 Chrome 開了太多標籤頁而佔用了龐大的內存？那麼 The Great Suspender 就是最好的幫手，它能自動凍結後臺一段時間沒有訪問的標籤頁，以便於釋放系統內存。而且，當你再次訪問時，標籤頁將會自動從新加載。若是你也常常開了不少個標籤頁忘記關閉了，那麼它能夠幫助你自動管理他們。

下面演示多個標籤頁被凍結的效果

下載攔截

你使用 Chrome 下載過資料麼？是否也對 Chrome 單線程下載而且在下載完成後強制檢查資源安全性感到不滿？那麼 FDM 應該是 Windows 上比較好的選擇下載工具了，你能夠下載並安裝到 PC 上，而後安裝 Chrome 插件 Free Download Manager 便可將全部 Chrome 中的下載請求交給 FDM，而且，它攜帶着 Cookie，因此即便是有權限校驗的下載也可以勝任。

FDM 的優點

• 多線程下載
• 斷點續傳
• 支持 BT
• 自動分類
• 下載限速
• 國際化
• 自由免費

因此，若是常常下載資料的話推薦入坑 FDM，這裏放一張首頁

GitHub 優化

衆所周知，GitHub 做爲最大的開源平臺，平時訪問的頻率是至關高的，這裏吾輩推薦一些插件/UserCSS 以加強使用體驗。

樹結構瀏覽代碼

GitHub 瀏覽代碼側邊欄沒有一個文件欄實在難受，因此這裏推薦 Octotree 這個插件。它可以爲 GitHub 添加一個側邊欄，極大的方便了在線代碼瀏覽。

嗯？好像有點配色不對？Octotree 默認使用亮色主題，而其餘主題則須要 Pro 版本 -- 即收費版本。若是須要的話，能夠去官網支持一下 https://www.octotree.io/。

Pass: 吾輩不須要 Pro 那麼多的功能，只須要暗色主題 #笑

不過咱們也能夠加個 UserCSS 補丁，使用上面的 Stylus 安裝 Octotree for GitHub Ice Dark 這個主題，刷新一下 GitHub。

立體化 GitHub 用戶活動

當你查看一個 GitHub 用戶的活動概覽時，老是平面方塊未免有些無聊，並且以顏色深淺區分也尚不明瞭。

因此，你可使用 Isometric Contributions 插件，讓活動變得更有趣一點，變成更直觀的 3D 柱狀圖。

統計倉庫大小

或許你也有 clone 以前先知道倉庫大小的習慣，這在網絡稍差的環境中尤其重要，例如 TypeScript 的倉庫大小超過 1G，若是沒有準備的話直接下載很容易炸！

GitHub 下載倉庫時並不會給出下載的百分比，因此何時下載完成是個玄學。。。

總結

Chrome 有不少能夠優化體驗的地方，這裏也只是吾輩所接觸到的一部分罷了，歡迎在下面留言補充！