優化 Google Chrome 的使用體驗

優化 Google Chrome 的使用體驗

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

前言

假若我沒有看見光明,我本可以忍受黑暗。

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

字體

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

Windows 字體預覽

更紗黑體

這裏也推薦作爲編程字體,畢竟程序中同時存在中英文,而一個同時支持中英文的等寬字體實在難得。

設置網頁默認字體

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

添加 UserCSS

添加一個新的樣式,內容只需要設置所有元素使用的字體爲 Sarasa Mono CL

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

這時候查看一下字體效果

效果

夜間模式

如果你像吾輩一樣,喜歡暗色的主題,可以使用插件 Dark Reader,它能夠讓網頁默認使用暗色模式,看起來和編輯器保持一致:並且,看起來很 Geek

暗色模式

看起來標題欄很違和?安裝一個 Dark 主題 試試看。
現在,是不是變得很和諧了呢?

暗色標題欄

廣告過濾

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

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

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

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

百度的廣告

使用插件後的效果

過濾後的百度搜索

嗯,清爽了許多呢 ~ o(* ̄ ▽  ̄*)o

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

對比的 Google 搜索結果

自動翻頁

如果你也覺得搜索結果需要翻頁好麻煩,那麼 AutoPagerize 可以一樣可以幫到你!

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

使用 AutoPagerize

當然,它也支持百度哦

屏蔽 Google 搜索結果

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

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

你需要先安裝 Tampermonkey 插件,然後在 Greasy Fork 安裝腳本 Google Hit Hider by Domain

然後在 Google 搜索 js 數組去重,可以看到包含了幾個的 CSDN 博客的結果

CSND 博客搜索結果

現在,讓我們從 Google 搜索中屏蔽 blog.csdn.net 這個域名

Block 操作

屏蔽後的搜索結果,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,這裏放一張首頁

FDM 首頁

GitHub 優化

衆所周知,GitHub 作爲最大的開源平臺,平時訪問的頻率是相當高的,這裏吾輩推薦一些插件/UserCSS 以增強使用體驗。

樹結構瀏覽代碼

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

Octotree

嗯?好像有點配色不對?Octotree 默認使用亮色主題,而其他主題則需要 Pro 版本 -- 即收費版本。如果需要的話,可以去官網支持一下 https://www.octotree.io/

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

不過我們也可以加個 UserCSS 補丁,使用上面的 Stylus 安裝 Octotree for GitHub Ice Dark 這個主題,刷新一下 GitHub。

暗色 Octotree

立體化 GitHub 用戶活動

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

GitHub 用戶活動平面圖

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

GitHub 用戶活動 3D 圖

統計倉庫大小

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

GitHub 下載倉庫時並不會給出下載的百分比,所以什麼時候下載完成是個玄學。。。

統計倉庫大小

總結

Chrome 有很多可以優化體驗的地方,這裏也只是吾輩所接觸到的一部分罷了,歡迎在下面留言補充!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章