如何優雅地使用 Chrome?

發現 Chrome 通過 Google Drive 連接雲端後,有無限的可能?

如何優雅的使用 Firefox?

如何優雅地使用 IE 11?


第一次答題,就把我前些時間寫的一篇博客搬過來吧。

--------------------------------------------------------------------------------

想要優雅的使用Chrome你至少得做下面幾件事情

1.註冊谷歌賬號,登錄。

登錄使得你所有的東西(書籤,應用,擴展,瀏覽記錄等)都可以保存到雲端,這樣在不同的環境(如家裡和公司)下可以方便的同步。想一想,重裝系統之後如果要一個個去找之前裝的擴展,保存的書籤,這樣的事情一定稱不上優雅。如果有保存信息到雲端的話,需要做的事僅僅是重新登錄你的賬戶。

2.你需要一個adblock plus

來攔截掉所有網站花花綠綠的廣告,煩人的彈窗。特別是你在瀏覽一些廣告窗口幾乎佔掉大半屏幕的網站時(你懂的?),有一個adblock帶來的絕對是翻天覆地的變化。

3.你需要一個Adkill and Media Download

在你看視頻網站時屏蔽掉開頭長達60秒的廣告。這一類的擴展通常會因為開發者放棄更新而導致不可用,視頻網站們總會不遺餘力的更新技術來防止廣告被屏蔽,同時他們也會給擴展作者施加壓力,這也是上面提到的作者放棄更新的原因之一。

下面這些擴展則可以讓你更方便的上網

4.手勢操作 Smooth Gestures。

如果你習慣了使用各種手勢來打開、關閉標籤或者其他快捷操作,那麼你確實需要這樣一個擴展。

5.Proxy SwitchySharp

配合goagent搭梯子,當然並非每個人都需要。

6.眼不見心不煩

刷微博的必備神器,可以去除掉廣告和煩人的推薦,屏蔽關鍵詞、用戶。而這一切都是免費了,你不需要微博會員。

7.印象筆記

印象筆記·剪藏,印象筆記官方擴展,讓你可以方便的保存在網路上看到的內容到印象筆記中,甚至在使用搜索引擎的時候你可以直接搜索你的筆記。

印象筆記·悅讀,印象筆記官方擴展,可以簡化網頁的樣式,在瀏覽博客、文章時可以更加專註於內容。當然悅讀還可以做的更多。

8.Google Keep

谷歌出品,(被砍掉前)必屬精品,筆記類應用,可以添加文字圖片、擬定列表,並在你的所有設備中同步。

9.Chrome To mobile

手機/平板也在使用Chrome的話,這款擴展可以方便的將你正在PC上瀏覽的網頁發送到手機客戶端。有了這款擴展我就基本不再使用二維碼了。ps 手機上在瀏覽的網頁也是可以方便的同步回PC的,在這裡

10.pocket

可以讓你方便的read it later。還有很多有意思的擴展,不再列出來,搗騰完這些,你就可以專註於上網本身了。


我來回答一下這個問題吧。

雖然主要是做運營工作,平時偶爾免不了要運行一些腳本,研究一些 GitHub 上的項目(其實我骨子裡是個前端...)個人電腦使用的是 Mac,在使用 Chrome 的時候是能感受到 Safari 相對 Chrome 還是更加流暢些的,就是因為 Chrome 上那麼多豐富的擴展,所有一直留在 Chrome 陣營,這裡我也分享幾個自己常用的擴展:

1. Stylish

雖然這個插件 Safari 上也有,還是要拿出來說一下,非常「優雅」的一款插件,說它優雅,是因為它能將平常一些很醜的網站變得好看,使用起來會更舒服,典型的例子就是百度:

如果你了解前端知識,你還能自己定製相關站點的界面。

2. 眼不見心不煩

越來越臃腫的新浪微博也是一個很讓人無奈的存在,各種打亂的時間流還有廣告,我曾經一度只使用第三方移動客戶端來刷微博。不過,有了這款插件之後,我們可以高度自定義微博頁面的顯示元素,一個乾淨純凈的微博又回來啦。(友情提示,你可以直接使用 Stylish 來對微博的頁面進行修改)

3.Octotree

嗯,作為一個偽開發,平常還是會上上 GitHub 什麼的,Octotree 能夠讓你通過文檔庫的方式管理、查看你的 GitHub 倉庫,簡單直觀的同時,也方便你進行文件之間的跳轉操作。

4. 劃詞翻譯

支持幾乎所有語言的翻譯與閱讀,並且同時支持國內與國外的谷歌翻譯,支持在 PDF 文檔里使用,單詞釋義既詳細又精準,比系統自帶的三指劃詞好用。

5. HTTPS Everywhere:https://chrome.google.com/webstore/detail/https-everywhere/gcbommkclmclpchllfjekcdonpmejbdp?utm_source=chrome-app-launcher-info-dialog

作為開發者,平常上網肯定會非常注意安全問題,HTTPS Everywhere 能夠強制讓 Chrome 所有的網頁訪問都走 HTTPS 代理,不過不能保證有的網站不會遇到問題。

6. 掘金瀏覽器插件

平常看 GitHub、Dribbble 等各種網站跳轉太麻煩了,就跟我司 Web 開發商量著,讓他做了這款插件,聚合了國內外各大優秀的開發設計資源,現在每天都在使用它,越來越離不開了,目前還在跟我們 Web 開發溝通繼續優化插件,相信會越來越好用。


2016/5/5

前面的回答很多都是推薦擴展的,好像不對題啊。

我來

第一部分:基本設置

第二部分:添加/管理書籤

第三部分:google賬戶

第四分部:插件

第五部分:快捷鍵

第六部分:其他功能

第一部分:基本設置

1.進入設置界面。三道杠——設置,或者地址欄輸入:chrome://settings/

2.啟動時,可以設置成三種情況,打開新標籤頁,打開特定的網頁(可以設置成你最常用的搜索引擎),打開上次關閉的網頁。

3.搜索引擎設置。管理搜索引擎,將你最常用的搜索引擎設置成默認。這樣,當你在地址欄輸入的搜索信息的時候,使用的就是默認搜索引擎。

你還可以切換搜索引擎,首先要為每個搜索引擎設置關鍵字,如上圖,google的關鍵字是g,知乎的關鍵字是z,所以,如果在地址欄輸入g或者z,按下tab鍵(或者空格),會出現下面的情況

既然有上面這樣的功能,那麼就可以添加自己喜歡的搜索地址了。

以知乎為例

在添加處,搜索引擎出輸入:知乎,關鍵字為z,網址,我們需要自己得到。

打開知乎首頁,在搜索框隨意輸入關鍵字,比如:google,這樣在地址欄得到一個地址:

由於剛才的搜索關鍵字為google,所以,只需要把google替換成%s,就得到了要添加的網址:

添加進去,回車,完成,再設為默認搜索引擎,就添加到了默認搜索引擎。

以下是部分搜索網址

4.設為默認瀏覽器。既然要準備用了,那就設為默認吧。

5.隱私設置——內容設置,可以選擇不顯示網頁圖片。

6.下載內容地址,更改到非c盤目錄下,避免給系統盤添麻煩。

7.其他人——導入書籤和設置,可導入其他瀏覽器的書籤和設置。

8.地址欄輸入chrome://flags/ 回車,ctrl+f,輸入quic,選擇啟用

提供更好的用戶互動體驗

9.給快捷方式設置打開快捷鍵

10.設置字體,設置——網路內容——自定義字體,都設為微軟雅黑

11.其他設置,根據自己需求設置。

第二部分:添加管理書籤

1.點擊地址欄右邊的五角星,就可以添加書籤,可以自己修改名字。將名字設置得短一點,可以在書籤欄顯示更多。這樣就可以添加你經常訪問的網站了。

如果添加的書籤比較多,可以添加文件夾,設置二級目錄甚至三級,方便顯示。再多也不怕。ctrl+shift+b 顯示/隱藏書籤欄 ctrl+shift+o,打開書籤欄進行管理。

2.其實你只要在地址欄輸入書籤名,瀏覽器會自動提示,選擇要訪問的,回車即可。

3.用滾輪點擊書籤或者鏈接,直接在新標籤頁打開

第三部分:google賬戶

設置了那麼多,萬一電腦出問題了呢,豈不是所有的東西都丟失了?所以添加google賬戶是非常有必要的。

1.科學上網。要像添加google賬戶,學會科學上網是有必要的,況且,一個google賬號,使用google全套服務。

方法,恩,自己找吧,不讓放

2.註冊谷歌賬戶

3.瀏覽器登錄谷歌賬戶。在設置——登錄——高級同步設置中勾選你需要同步的內容

完成以上操作之後,你的瀏覽器設置,書籤等內容都不怕丟失了。

第四分部:插件

chrome支持各種插件,很多插件都非常實用。當然了,每個人各取所需就好。

你極力推薦的 Chrome 擴展有哪些? - 調查類問題

個人使用如下插件:

Proxy SwitchyOmega

crxMouse Chrome Gestures滑鼠手勢操作

(評論中有人推薦vimium,可以用很多快捷鍵操作,基本可以讓你脫離滑鼠)

lastpass 現在瀏覽的網站這麼多,賬號這麼多,哪裡記得住這麼多密碼,而且每次輸入又麻煩,那就交給lastpass管理吧。

checker plus for gmail 接收gmail郵件提醒

印象筆記 當然是用來記筆記的

谷歌翻譯 網頁上遇到不會的辭彙,選中就可翻譯了,當然還有有道和百度翻譯的插件,喜歡就好。

ad block plus 屏蔽廣告

Tampermonkey 支持各種強大的腳本

至於插件,其實自己能用,夠用就好,不要太多。

第五部分:快捷鍵

1.功能快捷鍵

ctrl+shift+o 打開書籤欄

ctrl+shift+b

ctrl+j 打開下載內容

ctrl+h 打開歷史記錄

shift+esc 打開瀏覽器任務管理器

2.頁面和標籤

ctrl+f 查找頁面內容

ctrl+tab切換瀏覽器標籤頁

alt+前進/後退方向鍵 瀏覽器頁面後退前進

ctrl+w 關閉瀏覽器當前頁

ctrl+shift+t 恢復關閉的瀏覽器頁面

ctrl+t 打開新標籤頁

ctrl++放大頁面(字太小?)

ctrl+-縮小頁面

home 轉至網頁頂部

end轉至網頁底部

space(空格)向下滾動網頁

3.地址欄快捷鍵ctrl+enter在地址欄的輸入內容前後分別加上 www. 和.com

alt+d 地址欄獲得焦點

關鍵字+tab 切換搜索引擎

ctrl+k 輸入關鍵字,使用默認搜索引擎搜索

F3查找

F5瀏覽器頁面刷新

F6使用瀏覽器時,地址欄獲得焦點(即游標移到了地址欄)

F11瀏覽器全屏

F12瀏覽器審查元素/調試界面

當然了,知乎上有它獨有的快捷鍵

第六部分:其他功能

1.無法連接網路,網頁出現小恐龍的時候,按空格,就可以玩遊戲了

2.將電子書或者pdf文件拖到chrome,可以閱讀電子書或者pdf

使用ctrl++,可以放大文字

3.把瀏覽器當做寫字板

在地址欄輸入

data:text/html,&

4.使用chrome自動調整js代碼

隨意打開一個網頁,按F12(或者右鍵.檢查)——sources,點擊一個js文件

將你要「整形」的代碼複製到中間輸入框,然後點擊那對花括弧,js代碼自動「整形」

5.配合合適的搜索引擎使用chrome。


前陣子在Feedly里看到的,作者是 @姚晨浩 這篇文章的鏈接是 Chrome 擴展推薦 ,推薦大家訂閱他的博客,很多乾貨。

——————————我是光榮的分割線——————————

  1. RSS Subscription Extension(快速發現網站的RSS源(Feedly設置為feedly. Read more, know more.)(超多的 RSS 源推薦))
  2. LastPass(Chrome上最好用的密碼管理軟體,支持密碼自動填充、生成密碼。)
  3. Vimium(可以讓你在Chrome中拋棄滑鼠的一款擴展(快捷鍵。)
  4. Checker Plus for Gmail(Gmail郵件預覽。)
  5. Outlook.com Notifier(Outlook郵件到達桌面提醒)
  6. 番茄土豆(用於番茄工作法的工具,雖然也有待辦事項管理的功能,但很簡單。
  7. VeryCD下載鏈接破解(VC下載鏈接自動破解。)
  8. FaWave(在Chrome上使用各種社交網路。)
  9. 三七海淘(用于海外的購物網站,功能包括價格換算、重量換算、轉運價格計算、關稅計算等。)
  10. 中國天氣預報(可能是Chrome下最好用的中國天氣預報擴展。)
  11. 慧慧購物助手(網購必備。)
  12. doubanIMDb(在豆瓣電影的頁面上顯示IMDb的分數。)
  13. ShortenMe(快速生成goo.gl的短網址。但現在這個短鏈接服務好像已經被牆了。)
  14. 有道智能翻譯(根據單詞難度用括弧標註中文解釋,也支持全文翻譯。)
  15. 新同文堂(簡繁自動轉換。)
  16. 右鍵搜(給右鍵增加各種搜索引擎、Chrome功能、短網址、分享到社交網路等多達300種功能。)
  17. Lazarus: Form Recovery(輸入的內容自動保存,防止瀏覽器意外關閉導致的內容丟失。)
  18. Chromium Wheel Smooth Scroller(平滑滾動。)
  19. scroll style(滾動條自動隱藏。)
  20. SEO in China(引擎收錄情況、pr查詢、百度權重、域名年齡、備案狀態。) (這個擴展還沒有上架到 Chrome Web Store,所以就推薦了,因為這種擴展用到最新版本的 Chrome 中時會被停用。)
  21. 印象筆記?剪藏(自動標籤、自動選擇筆記本的功能還是不錯。)
  22. Send to Kindle(一鍵將網頁的內容發送到Kindle。)
  23. Better Extension Manager(比自帶更好的插件管理。)
  24. Holmes(瀏覽器書籤搜索(快捷鍵B)。)
  25. Minimalist for Everything(使瀏覽的頁面更加簡潔(設置較為複雜)。)
  26. 網銀助手(不需要做內核切換直接使用網銀。)
  27. 瀏覽器兼容性檢測工具(網頁開發者必備。)
  28. AutoPager Chrome(自動翻頁。)
  29. PanicButton(一鍵隱藏所有標籤。)
  30. 網頁截圖:注釋批註(截圖、修改、分享。)
  31. Unblock Youku(海外人士訪問優酷、土豆等必備。)
  32. Turn Off the Lights(觀看視頻時自動調暗頁面。)
  33. HTTPS Everywhere(使用更安全的加密模式訪問(如果可以的話)。)
  34. Tampermonkey(腳本管理(支持同步)。)
  35. Context(將擴展程序分組。)
  36. Extensions Manager(可分場景的擴展管理。)
  37. Black Menu for Google?(將各種Google服務集成到擴展程序上。)
  38. Save to Pocket(保存到任何平台上閱讀。)
  39. Smooth Gestures Plus(滑鼠手勢。)
  40. Scroll to Top Button(一鍵返回網頁頂部。)
  41. 蝦殼(基於蝦米網的音樂播放插件。)
  42. Page Monitor(網頁更新監控。)
  43. youRhere(記住上次閱讀的網頁位置。)
  44. TabMemFree(定時釋放標籤佔用的內存。)
  45. Video Full Screen Unblocked(視頻全屏播放解鎖。)
  46. Mailto:(遇到郵箱鏈接時使用網頁郵箱發送郵件(不支持國內郵箱服務)。)
  47. 眼不見心不煩(屏蔽微博關鍵詞、用戶。來源,去除頁面廣告、推廣微博,恢復雙欄板式,反版聊、反刷屏。)
  48. Session Buddy(多個網頁一次性打開(需提前設置)。)
  49. Enable Copy(解除網頁內容禁止複製的限制 這個在很多網站上已經失效了,換到這個(Allow Copy。)
  50. Search by Image(在Google中以圖搜圖。)
  51. Aero Timer for Google Chrome?(定時器。)
  52. Any.DO(可以手機同步的待辦事項服務。)
  53. Send from Gmail(在瀏覽器任何頁面直接發送郵件到Gmail。)
  54. AddThis(將網頁內容分享到社交網路(支持國內社交服務)。)
  55. CrxMouse(滑鼠手勢、超級拖拽、平滑滾動、標籤列表等功能。)
  56. SimpleUndoClose(快速還原關閉的標籤。)
  57. Google Calendar Checker(在圖標上顯示距離下次活動的時間(基於Google Calendar)。)
  58. Eye Dropper(拾色器。)
  59. ScribeFire(可以媲美Windows Live Writer的博客發布工具。)
  60. word highlight(高亮Google Search關鍵詞。)
  61. Search the current site(為您提供當前瀏覽網站的站內搜索功能。)
  62. Wikipedia Companion – Mini Wiki Browser(查詢維基百科(wekipedia),關鍵是中英文都有,而且還有目錄。)
  63. Google Similar Pages beta (by Google)(查詢當前網頁的類似網頁。)
  64. Docs PDF/PowerPoint Viewer (by Google)(用Chrome打開pdf、ppt、doc格式的文件。)
  65. 淘寶默認銷量排序(自動把淘寶默認為銷量排序。)
  66. 知乎(知乎未讀消息提醒。)
  67. Downloads(下載內容一鍵直達。)
  68. ColorPick Eyedropper(色彩拾取。)
  69. Pushbullet(一鍵推送網址、文件等到Android。)
  70. Google 類似網頁(雖然支持的網站很少,但是還是能用這個發現一些自己不知道的網站的。)
  71. The Great Suspender(手動或自動休眠標籤頁,以起到節省內存的作用。)
  72. Momentum(讓新標籤頁極簡且美觀。)
  73. Chrome Currency Converter(自動轉換頁面中的價格到指定貨幣,不過缺點是不支持部分網站(記得設置)。)
  74. Spot(快速添加 Google 日曆事項。)
  75. 湖北省圖書館豆瓣插件(在豆瓣讀書頁面顯示書籍在湖北省圖書館的索引信息。)
  76. Web Timer(告訴你在每個網站上耗用了多少時間。)
  77. 遠方 New Tab(讓新標籤頁內的背景圖片每次打開都不一樣(小眾軟體的介紹)。)
  78. 微盤小助手(去掉「直接下載」旁邊的「下載並轉發」。)
  79. Coursera Alfred(Coursera 上課者必備。)
  80. Extension Defender(掃描 Chrome 擴展是否帶毒。)
  81. Shortcut Manager(為 Chrome 里每個操作設置快捷鍵。)
  82. Streak(讓 Gmail 用戶獲知發出的郵件什麼時候在哪裡被讀。)
  83. Project Naptha(在線圖片OCR(對中文的支持較差。)
  84. Font Changer(不同頁面設置不同字體。)
  85. Fokus(讓網頁閱讀進入專註模式。)
  86. Picture in Picture Viewer(在 Chrome 中開啟畫中畫。)
  87. Save to Google Drive(將網頁另存為圖片並保存到 Google Drive。)
  88. Veritabs(在側邊欄管理 Chrome 標籤頁。)
  89. TabCopy(複製標籤標題和 URL。)
  90. Text Mode(不顯示圖片,只顯示文字。)
  91. Show Password on Focus(顯示密碼框內的密碼。)
  92. Tabman Tabs Manager(用滑鼠滾輪快速切換標籤。)
  93. 為什麼你們就是不能加個空格呢?(自動在網頁中所有的中文字和半形的英文、數字、符號之間插入空白。)
  94. QRreader beta(在線讀取 QR 碼。)
  95. Safe in Cloud(一個密碼填充擴展,類似於LastPass的,但體驗要好過它。)
  96. DownFlickr(Flickr 的圖片下載工具。)
  97. Incognito-Filter(打開特定網址自動進入隱身模式。)
  98. Ballloon for Chrome(右鍵將圖片保存到Google Drive、Dropbox 或 OneDrive。)
  99. Dayboard(讓 Chrome 新標籤頁變成待辦事項頁。)
  100. History Trends Unlimited(網路訪問歷史趨勢(小眾軟體的介紹)。)
  101. I』m Feeling Lucky(一個能大幅度提高搜索效率的擴展,簡單的說這個擴展就是把 Google.com的「手氣不錯」(I』m Feeling Lucky)內置到了瀏覽器中。當使用手氣不錯這種方法搜索時,Google 不會顯示所有結果,而是默認跳轉到搜索結果中的第一個網頁。使用這個擴展的方法是在地址欄上輸入「」,然後按「Tab」鍵,最好輸入你想要搜索的信息再按回車鍵就行了。但不太方便的地方是當你搜索中文內容時需要切換輸入法,很麻煩,如果「」可以自定義成其他符號就好了。)
  102. PanicButton(一鍵隱藏所有標籤頁。支持快捷鍵、密碼保護以及設置隱藏所有標籤頁後默認顯示的網頁。)

我自己再添加幾個:

103、Multi-Account

在同一個瀏覽器同一時間,登錄同一個網頁不同的帳號。 Chrome Web Store

104、維基百科插件

極大的改良了維基百科的閱讀體驗,並且還增加了很多功能,比如說下載為 PDF 啥的。 http://www.wikiwand.com/

——————————我是悲催的分割線——————————

最後還有點想要吐槽的是,為啥用工具都能用的優雅呢?用得更有效率這個詞不是更好么。


用滑鼠時,翹起你的小拇指


原帖在卡飯,轉載過來。

使用chrome的前提,必須解決google和chrome擴展商店的訪問問。具體可以用hosts或者其他方法,不能多說。只有你能流暢訪問google你才能體驗到真正的chrome,同時強烈建議註冊google賬號關聯chrome。

還記得第一次使用chrome的時候,這個瀏覽器給我的感覺就是,簡潔快速,為瀏覽網頁而生,地址欄與搜索框的融合真正地詮釋了瀏覽器的本質是什麼是,瀏覽即搜索。因為我們使用瀏覽器就是為了獲取信息,獲取信息的大部分操作就是搜索,不管是使用搜索引擎還是在各大站點內部瀏覽網頁新聞視頻,就是搜尋信息。目前來看chrome的簡潔地址欄完全做到了這點。除了直接在chrome地址欄敲入網址或者直接鍵入文字進行搜索,chrome還有個非常好用的功能就是實現站內搜索,輸入搜索引擎名稱並按 Tab 鍵,即可實現站內搜索,這個功能的作用在於,以往我們需要買東西往往得打開淘寶或者京東,然後在搜索框搜索,不僅麻煩而且步驟太多。知道這個功能,我需要看視頻只需要鍵入優酷然後tab一按,直接搜索我想看得歡樂喜劇人,想買東西直接淘寶然後tab接著搜索內容即可。由於中文輸入法需要切換得原因所以中文得體驗沒有原生英文來的好,不過也比單純得依賴滑鼠點擊開多了,因為鍵盤總比滑鼠快。

為了保障全平台的廣告過濾,我更推薦大家使用廣告過濾軟體配合瀏覽器擴展或者插件,還有個原因,目前瀏覽器廣告過濾擴展對視頻廣告得過濾效果還不是很好,不穩定,經常失效。如果對於個人隱私和信息安全有擔憂得可以考慮只使用擴展。

推薦瀏覽器

Chrome

Cent Browser (目前最強chromium)

次推薦

360極速(內核更新慢,沒有64位版本,瀏覽器醫生)

不推薦

獵豹(載入驅動)

QQ (載入驅動)

使用原版chrome存在問題

很難找到好用的滑鼠手勢、超級拖曳擴展

根據我頻繁使用兩個月來的感受,chrome對內存大小的要求比較高,CPU可以不需要多強,內存4G勉強,8G夠用。

硬體基礎:

SSD+8G以上內存+內存檔(SoftPerfect RAM Disk 3.48最後一個免費版,把緩存目錄放在內存檔,1G~2G夠用)

想讓瀏覽器飛起來,除了基礎硬體,還有就是對視頻圖片文字的處理,就是怎麼讓我們閱讀更加高效便捷,下面就從視頻,圖片和文字瀏覽的角度分別說明。

限制chrome速度的除了內存網速,還有個就是萬惡之源flash,flash哪怕是開啟硬體加速,對電腦性能的消耗也是非常大的。

默認禁用flash,默認禁用GIF(利用擴展),開啟HTML5,flash僅僅對於部分視頻網站放行,放棄ie和chrome雙核。

(只支持IE的網站目前已經很少了)

關愛生命,遠離flash

Html視頻播放網站支持,:

原生支持:虎牙直播,嗶哩嗶哩(需要手動開啟),熊貓直播(需要手動開啟),音悅台

安裝擴展腳本後支持的:鬥魚,騰訊視頻,愛奇藝,優酷,樂視

所需要擴展:

鬥魚HTML5播放器

Youku HTML5 Player

腳本:

騰訊視頻h5

iqiyi player switch

樂視html5播放器

CCTV 節目視頻 HTML5 播放器

視頻 嗅探下載:貓抓

如果你的電腦支持flash硬體加速,那麼盡量開啟,畢竟flash偶偶還是會碰到,有硬體加速會有一點(Intel集顯開啟硬體加速貌似不容易出現問題)

GIF控制擴展:

Animation Policy

推薦擴展:

Go To Playing Tab 跳轉到播放視頻音頻的標籤

廣告過濾

軟體:

阿獃喵 - ADM

http://www.admflt.com/

廣告屏蔽大師

http://www.adbyby.com/

擴展:

uBlock Origin 秒殺ABP的神器,除了訂閱規則,屏蔽各種跟蹤腳本社會化分享按鈕也是不錯的

uBlock Origin 高級技巧看圖:

http://weixin.qq.com/r/v0xocAvESlY1rU8T9xmt (二維碼自動識別)

uBlock Origin這種過濾方式有沒有讓你們想起Firefox的大殺器NoScript,雖然沒有NoScript 那種絕對變態的安全,但是用來過濾廣告足夠了,簡單易用。

目前不管是功能還是過濾效率,uBlock 已經完全超越了ABP

瀏覽器的第二雙翅膀:

樣式(用戶改變網頁外觀和去廣告,便於閱讀)

https://userstyles.org/

用戶腳本(實現部分特殊功能,比如百度網盤下載不用管家,去廣告,html5播放等等)

https://greasyfork.org/zh-CN/scripts

提升效率的神器:

滑鼠手勢,超級拖曳,右鍵搜索,快速撥號,恢復剛關閉標籤頁,善用智能地址欄代替書籤 搜索框 歷史記錄

有不懂的新朋友可以自己搜索多嘗試下就知道了,這些功能,可以是瀏覽器集成(第三方chromium往往集成),也可能是擴展實現。

為了最大化瀏覽界面,可以考慮隱藏書籤欄,用Popup my Bookmarks擴展代替書籤欄,考慮把任務欄放到桌面左側,並自動隱藏。

除了單純的滑鼠手勢,超級拖曳,利用鍵盤來代替滑鼠部分操作,偶偶也非常高效。

目前chrome最好用的鍵盤快捷操作擴展Surfingkeys,比cvim強。

https://github.com/brookhong/Surfingkeys/blob/master/README_CN.md

操作上有略微複雜,但是一旦掌握你會上癮。

//百度隨身聽
mapkey("]]", "下一首", "clickOn("li.fm-next a")", {domain: /http://fm.baidu.com/i});
mapkey("[[", "上一首", "clickOn("div.pre-img-wrapper p")", {domain: /http://fm.baidu.com/i});
//微博
mapkey("zz", "收起", "clickOn($("a").regex(/tosmall/i, $.fn.attr, ["action-type"]))", {domain: /http://weibo.com/i});
mapkey("q", "點開微博上的圖片/視頻", "Hints.create("div.media_box img", Hints.dispatchMouseClick)", {domain: /http://weibo.com/i});
//知乎
addSearchAliasX("z", "知乎", "https://www.zhihu.com/search?type=questionq=");
mapkey("oz", "#8打開知乎搜索欄", "Front.openOmnibar({type: "SearchEngine", extra: "z"})");
//維基百科
addSearchAliasX("k", "維基百科", "https://zh.wikipedia.org/w/index.php?title=Special:Searchvariant=zh-cnsearch=");
mapkey("ok", "#8打開維基百科搜索欄", "Front.openOmnibar({type: "SearchEngine", extra: "k"})");
//DuckDuckGo
addSearchAliasX("d", "DuckDuckGo", "https://duckduckgo.com/?q=");
mapkey("od", "#8打開DuckDuckGo", "Front.openOmnibar({type: "SearchEngine", extra: "d"})");
//淘寶
addSearchAliasX("t", "淘寶", "http://s.taobao.com/search?q=%s");
mapkey("ot", "#8打開淘寶搜索欄", "Front.openOmnibar({type: "SearchEngine", extra: "t"})");
//YouTube
addSearchAliasX("y", "YouTube", "https://www.youtube.com/results?search_query=");
mapkey("oy", "#8打開YouTube搜索欄", "Front.openOmnibar({type: "SearchEngine", extra: "y"})");
//網頁翻頁
mapkey("[[", "#1Click on the previous link on current page", function() {
var prevLinks = $("a").regex(/((&<&<|prev(ious)?|上一頁|上一封)+)/i); if (prevLinks.length) { clickOn(prevLinks); } else { walkPageUrl(-1); } }); mapkey("]]", "#1Click on the next link on current page", function() { var nextLinks = $("a").regex(/((&>&>|next|下一頁|下一封)+)/i);
if (nextLinks.length) {
clickOn(nextLinks);
} else {
walkPageUrl(1);
}
});
//劃詞翻譯
mapkey("Q", "#8Open omnibar for word translation", function() {
Front.openOmniquery({
url: "https://api.shanbay.com/bdc/search/?word=",
query: Visual.getWordUnderCursor(),
style: "opacity: 0.8;",
parseResult: function(res) {
var res = eval("a=" + res.text);
if (res.data.definition) {
var tmp = [];
for (var reg in res.data.pronunciations) {
tmp.push(`[${reg}] ${res.data.pronunciations[reg]}`);
tmp.push(`&&`);
}
tmp.push(res.data.definition);
return [ `&

${tmp.join("
")}&` ];
}
return [res.data.definition || res.msg];
}
});
});

翻頁和預讀腳本

Super_preloaderPlus_one

主要作用,就是在瀏覽搜索引擎或者論壇資訊網站的時候不需要自己去點擊下一頁,非常方便實用。

解放滑鼠滾輪

Scroll with Mouse Plus 好用到飛起

改善網頁字體

全局雅黑後 淘寶 / 土豆 / github / 等 亂碼錯位特別修正 瀏覽器討論區 卡飯論壇

http://bbs.kafan.cn/thread-1681393-1-1.html

經過我測試,chrome還是需要安裝字體很舒服擴展才有效果,自定義css貌似不起作用。

有了它,媽媽再也不用擔心我瞎眼了。

關於閱讀模式

擴展:

閱讀模式 支持網站有限

Just-Read 這個不錯,支持自定義css

EasyReader 廉頗雖老戰鬥力依舊,看似很久沒更新,但是擴展本身很實用,支持選取區域閱讀,類似閱讀模式的一個腳本

選讀器(文字到語音) 越來越懶了,懶得看大段文字,偶偶聽聽長文章也不錯

腳本:

網頁閱讀模式 你們要的堪比傲遊的閱讀模式,支持選取區域閱讀

瀏覽圖片

擴展:

Imagus 圖片瀏覽增強

Search by Image (by Google) 只有Google的以圖搜圖才是真的

二箱 最好用的以圖搜圖擴展

圖片助手 下載圖片專用,對於某些不可描述的網站,這可是神器

腳本:

Picviewer CE+ 看圖神器

必備擴展:

Stylish 配合上面的網站或者自己編寫css,這個擴展有個很大好處,打開網站然後能自動識別,你可以直接安裝常見的樣式試試效果

Tampermonkey 管理腳本

快捷擴展管理 因為chrome部分擴展並不需要一直啟用,對於需要偶偶開啟的擴展,這個相比較於chrome自帶的擴展管理更加便捷方便

二管家:管理chrome擴展,可以代替快捷擴展管理

搜索直達 去除google百度360搜索的重定向,搜索更穩定。

Proxy SwitchyOmega 代理切換,沒啥好說的

scroll style 顧名思義,改變滾動條樣式

慧眼購物助手 淘寶神器,對賣家評分差評打分分析,其實最好用的是直布購物助手,可惜死了。

簡 Tab - New Tab 目前最滿意的新標籤擴展,簡潔易用,主要問題是cent的快速撥號做得太爛。

Office Online 懶人必備,對於沒有安裝office或者不願打開office的同學而言,不用下載直接在線看文檔還是不錯的,全能的瀏覽器

Linkclump 一次打開多個鏈接,在搜索的時候比較實用,可以CTRL+滑鼠左鍵來配合

Chromium Wheel Smooth Scroller 目前發現比較好用的平滑滾動擴展,可以代替SmoothScroll

縮放

備用擴展

Bookmark Sidebar 側邊書籤欄

廣告防禦者

SmoothScroll 平滑滾動

Scroll To Top Button

Scrollbar Anywhere 類似Firefox的Grab and Drag,滑鼠抓取網頁滑動

Enable Cop 破解網頁複製限制

ambient-aurea 幻燈片看圖

OneTab chrome版的標籤組功能,實用過opera的同學應該對標籤組這個功能不陌生吧,OneTab就類似,不過我已經不用這個擴展,主要是目前習慣把需要看的網頁一次性解決不留後患

Save to Pocket 一鍵保存網頁,有時間再閱讀,支持跨平台,有這類需求的可以考慮

安全擴展

ScriptSafe Chrome上的NoScript,對安全有要求的用戶可以考慮,我試用下來感覺排除還是比較麻煩,不是折騰用戶不推薦

360應用商店專屬的幾個擴展,需要的可以自己下載單獨安裝

翻屏小助手

夜間模式

腳本推薦

Show Site All UserJS 顯示當前網站所有可用的UserJS腳本 Jaeger

AC-美化百度-谷歌-必應-搜狗搜索結果之Favicon的顯示

google cache comeback

MoreMovieRatings 豆瓣加入imdb和爛番茄評分

Izhihu

Zhihu Link Redirect Fix

Weibo Larger Pics 新浪微博之我要看大圖

CL1024 某個不可描述的網站

Resize Image On "Open image in new tab

百度網盤直鏈

douyuTools

嗶哩嗶哩(http://bilibili.com)播放器調整

備用腳本

網頁限制解除 破解垃圾網站對於複製右鍵菜單的限制

vipVideos_skipAdyifile 網盤跳過等待

Popup Search右鍵搜索很強大,不過我習慣cent目前自帶的右鍵搜索,已經用不著

searchEngineJump modified version from NLF 腳本雖然強,但是利用右鍵搜索和chrome地址欄tab搜索可以代替,需要的可以安裝

一鍵離線下載

My Novel Reader

Vip視頻破解,低調使用,畢竟好東西往往命不長

樣式推薦

【kill-tieba-ad】貼吧去廣告+去特權

百度百科-屏蔽和優化

百度經驗-屏蔽和優化

百度搜索 標籤化

優化Baidu百度搜索結果

百度文庫-屏蔽

baiduWenku_clean

百度知道-屏蔽與排版

抽屜新熱榜清爽版(chouti clean)

鬥魚直播間清理 Douyu

簡書 文章 閱讀界面擴寬

清爽網易

全局 - 邊框功能美化

視頻網站簡化(愛奇藝/優酷/騰訊/土豆)

搜狗搜索頁面整改

微博加寬與大字型大小

我的知乎不可能這麼英俊 V0.2 Beta

熊貓TV 我就只看

知乎閱讀流

BBS New Style (適配多數論壇)

Douyu Cleaner 清爽鬥魚

Sina Article wide rules(新浪文章頁拉寬規則)

sinablog_Clean

SunDawn-圖片居中

weibo_v6

weibo_v6_patch

YouTube Real Cinema Mode

備用

Dark Purple Youtube

Darker DarkTube

Youtube Cinema Mode Windowed Fullscreen

Darker DarkTubeYouTube - Real Theater ModeYoutube Lights-out (Dark Theme, Larger Player)

Youtube Cinema Mode Windowed Fullscreen

搜索引擎推薦

Google +Personal Blocklist(屏蔽部分垃圾網站)

百度

搜狗(只用微信搜索)

搜酷(只用於視頻)

知乎(常上知乎不一定提升你的逼格,但多少會提升你的智商,雖然知乎目前商業化營銷化很嚴重,但依舊是國內不可多得的交流學習問答社區平台)

360bingDuckDuckGo等搜索引擎可以當備用,但是實際使用效果並不能媲美,也就說google和百度你無法搜索到的信息,其他搜索引擎也很難找到(各個學科的深度問題除外,那種問題找你的同行或者本專業論壇才是王道,搜索引擎更多的是解決淺層次的通識問題)

推薦百度的原因並不在於百度有多強大,而是在谷歌離開中國後,百度多年以來對國內互聯網信息內容實現單向壟斷,比如百度百科貼吧百度文庫百度知道(替代品就是維基百科+知乎+果殼+丁香園),某種程度百度就是自產自銷向你推薦內容,其實這無關痛癢,畢竟google在國外也這樣做,要不你以為google收購youtube為了什麼。唯一區別百度給你喂的是屎,你還不得不吃,google雖然也是商業公司,但是畢竟沒有過多的侵害用戶本身的利益,某種程度實現了用戶和企業的雙贏。

或許信息的關鍵並不在於你的技巧或者方法,而在於你自己如何對信息採集判斷整合然後融入自己,很多人看到社會新聞義憤填膺,但是連懷疑都不會,按知乎習慣先問是不是再問為什麼,無法判斷真偽,事件的來龍去脈還沒有弄清急於下判斷。

建議大家另外自定義兩個樣式,作用呢?網頁放大,專門用於部分網站字體特別小看不清的,可以考慮利用css網頁整體放大。利用css放大可以代替chrome的縮放擴展,因為需要縮放的畢竟就是少數幾個網站,不過縮放擴展更加靈活,可以隨時調整。

如果是23寸以上的大顯示屏,可以考慮win10自定義DPI直接放大125%,2K屏幕可以放大到150%,看起來舒服多了

body {

zoom: 125%;

}

* {font-family: HiraginoSansGB-W6 !important;}

站點css,針對個別網站定義部分去廣告樣式可以放這裡

擴展腳本樣式可以根據自己的需求來安裝,畢竟每個人的使用習慣和常去的網站都不一樣。比較實用的我都已經加粗了。記住這個原則,能利用瀏覽器自身功能實現的就不利用擴展,能利用css解決的問題就不上腳本,至於腳本和擴展,各有利弊,擴展方便配置,腳本更靈活。

關於下載,雖然提倡大家去電影院或者視頻網站直接購買會員支持正版,但是地主家也沒有餘糧畢竟我們還處在社會主義初級階段,所以除了萬惡限速的迅雷,還有什麼好方法下載電影呢?我們可以繞道百度網盤,先把種子和磁力連接用百度網盤離線下載,然後利用Aria2這個軟體下載,配置比較複雜,貼個鏈接有興趣的自己研究。

Mac 下使用 Aria2 實現百度雲下載(chrome) - 簡書

http://www.jianshu.com/p/1246ae445c5d

IDM+百度雲也是不錯的選擇方案,問題是百度網盤目前一直在限速。不要開啟IDM的chrome擴展,建議禁用,需要下載時可以利用chrome或者第三方下載器調用idm。

感謝互聯網,互聯網成就了現在這個社會也改變了我們這代人,也繼續將改變這個星球上的種種,任何阻礙信息交流和正義傳播的東西都將被互聯網改變。這其中我們每個人都做了點微小的工作。

感謝google開發的chrome,感謝擴展腳本樣式的作者!


先肉身翻牆

或者

(如果你有能力)幫大家把牆拆了

(開玩笑啦)(逃

chrome本不是一個多麼geeky的東西,在有通暢的互聯網的地方自然可以用得很優雅。


上一次跟大家分享了美化 Chrome 新建標籤頁的擴展合輯,有幸獲得讀者們的反饋,這次關於 Chrome 分享依然是圍繞著美化主題,希望借著這個機會,讓我們來一次徹底美化 Chrome 的旅程。

這一次我們的目標是:

  • 從圖標到歷史記錄的頁面,甚至是瀏覽器的側邊滾動條,都會是我們這次美化改造的對象;
  • 提升瀏覽體驗。比如通過更換網頁背景,更好地適應夜間閱讀的需要等等,我們會從美化的角度,改造出有更好閱讀體驗的瀏覽界面;
  • 美化兼具實用,這次美化瀏覽器的旅程會在美觀的基礎上,如何發揮實用和效率,這會是我們的終極目標。

桌面圖標

Chrome 瀏覽器圖標經歷了從 3D 效果過渡到被拍扁的變化:

如何更換 Chrome Windows 版的應用圖標?默認的桌面圖標被放在了文件夾路徑是 C:UsersAdministratorAppDataLocalGoogleChromeApplication。回到系統桌面,右鍵 Chrome 應用圖標,依次選擇「屬性 - 快捷方式 - 更改圖標」,選擇已經準備好的 ico 圖標文件。

在這裡推薦兩個不錯的圖標網站 iconfinder、icons8,還有兩個支持 PNG 轉為 ICO 文件在線網站 icovert、convertico。下面是我曾經更換的 Chrome 圖標樣式:

主題

Chrome Store 網上商店提供了大量的主題背景皮膚,Google 自家出品了 39 款主題背景(傳送門),其中最受歡迎的是 Late Night,黑色的主題色相當適合夜間模式使用。目前我正在使用的是另外一款由 vadio 出品的主題 Designer Theme,黑色 + 灰色陰影效果兼顧了夜間使用瀏覽器和閱讀體驗。

新建標籤頁

Chrome 瀏覽器的新標籤頁 chrome://newtab 成為了美化和效率的必爭之地,上次跟大家分享了讓「新標籤頁」變得好看又實用的文章,不少讀者留言反饋還有漏網之魚,所以趁這次教程的機會,補充推薦之前沒有提到的優秀插件:

簡 Tab

簡 Tab 是由 SimpRead 作者 Kenshin 所開發的另一款 Chrome 插件,插件去除了多餘的功能,默認界面是高品質的壁紙,側邊工具欄則採用了淡入淡出的交互方式。簡 Tab 支持每日更換來自 Bing.com 的背景壁紙,用戶可以在 bing、wallhaven、unsplash、flickr、500px 等多個背景源自由切換。簡 Tab 提供了簡單 / 高級 / 隱藏 三種模式顯示常用網站,以及收藏夾、歷史記錄的功能入口。

Lanes

Lanes 作為一款 todo 類型的新標籤頁擴展,本身支持 Chrome、Android 平台,初始安裝擴展後需要註冊賬號完成登錄同步的步驟。Lanes 採用了簡潔的界面設計和細長的顯示字體,其明顯的特點之一就是番茄鍾功能。用戶可以自定義時間的長度以及休息的時長,也可以同時顯示待辦事項。

Color Tab

Color Tab 可在新建標籤頁里顯示一個內置了四種顏色的配色方案,輔以顯示這些顏色對應的 HEX,偶爾幫助為配色發愁的設計師們找到靈感。

Dribbble New Tab

Dribbble 是一個面向創作者、藝術家、設計師等人群的創意類作品網站,有開發者開發了一款新標籤頁擴展 Dribbble New Tab,幫助創作者們在新標籤頁里隨時閱讀精彩的 Dribbble 社區內容。

Tabbie

Tabbie 最大的設計亮點在於採用了 Google Material Design 的原則,提供定製化的信息顯示小窗口,默認支持以下服務 / 站點:Dribbble、Behance、HackerNews、GitHub、Reddit、Lobste.rs、ProductHunt、Gmail、PushBullet,以及 Chrome 應用程序,書籤和熱門網站。

Toby

Toby 曾經獲得 Product Hunt 評選獎項 Chrome Extension of 2016,提供的功能更像是另一款打開標籤頁管理利器 OneTab,Toby 支持建立多個自定義的分類,幫助用戶快速存儲或者打開某一組標籤分頁。不過 Toby 在新建分組名稱和搜索上對於中文的支持並不完善。

My Cats New Tab

My Cats New Tab 會是貓奴專用的新建標籤擴展,每次打開新標籤頁,都會被非常可愛的小貓咪壁紙萌化了。除了可愛的壁紙外,My Cats New Tab 還提供了日期時間、天氣信息,支持快速訪問最常訪問的網站、書籤收藏夾。

Homely

Homely 提供的定製化功能有著濃濃的極客范,默認界面使用多個塊窗口構建,包含簡單的按鈕快捷方式或帶有豐富鏈接的下拉菜單。編輯頁面可以通過內置的編輯器直觀地完成,或者用 JSON 手動編碼。

Anyway.Tab

如果你是國內設計類 PodCast 節目 AnywayFM 的忠實聽眾,那麼這款官方推出的新建標籤頁擴展 Anyway.Tab絕對不應該錯過。Anyway.Tab 把 Anyway.FM 節目中的參考鏈接推薦(和一些玩笑)顯示在新標籤頁上,同時推送新節目的提醒。

Rocket Dashboard

Rocket Dashboard 頁面集成了各項 Google 服務:搜索、新聞、雲端硬碟、Gmail、日曆、Youtube,以及 Chrome 瀏覽器內置的基礎功能:熱門網站、日期和時間、最近的標籤、下載、書籤、系統,以上這些顯示信息均需要用戶手動授權才能正常運作。

Google Arts Culture

Google Arts Culture 在新標籤頁中提供了來自自家藝術文化里的畫作,提供每天/每個新標籤頁的更換頻次,藝術熏陶從新標籤頁做起。

擴展閱讀:

  • 8 個「新標籤頁」Chrome 擴展,把 New Tab 頁面玩出花樣 | Matrix 精選
  • 用好這 12 款 Chrome 擴展,讓你的「新標籤頁」變得好看又實用

書籤管理器

Chrome 默認的書籤管理頁面 chrome://bookmarks是左右雙欄布局,左邊欄以文件夾的樹形結構展現不同的收藏夾,右側則負責顯示收藏書籤的標題名稱、超鏈接,其他功能還有整理(書籤排序方式、導入導出)、搜索。

默認的收藏夾頁面顯得單調過時,推薦一款 Google 出品的書籤管理擴展 Bookmark Manager ,在布局顯示、交互上有著更好的體驗:

Bookmark Manager 提供了智能設計的搜索與全新的現代版界面,網格視圖(也有列表視圖)查看書籤收藏夾有了更加豐富的色塊,並且以麵包屑的路徑形式顯示書籤所在的位置。另外安裝好 Bookmark Manager 擴展後,還提供了一鍵式保存,如有可能合適的文件夾,擴展也會建議您將書籤保存到其中。

歷史記錄

Chrome 默認的歷史記錄 chrome://history 的頁面,已經提供了相當現代化的界面,運用了 Material Design 的設計原則,左邊欄顯示本機的 Chrome 歷史記錄/其他設備打開的標籤頁/清除瀏覽數據,右邊則按照日期順序的形式先後顯示具體的歷史記錄數據,頂部留給了搜索框(支持即時顯示)。

而希望有更加豐富控制選項的用戶,推薦使用 Better History 擴展:

Better History 比 Chrome 默認的歷史記錄頁面提供了更多的功能,包括刪除(一天內的記錄、同域名下的記錄)、分組(按分鐘分組、小時分組、域名分組、自定義分組)、組織(按天組織瀏覽記錄)、搜索(按日期/網址/標題、高亮搜索關鍵字、右鍵菜單選擇域名/特定欄位搜索)、設計風格(Chrome 界面風格、工具欄按鈕進入歷史記錄、記憶關閉時的狀態、支持後退操作)。

滾動條

Chrome 的頁面滾動條樣式跟隨用戶電腦系統的主題,雖然這一部分最容易被忽略,但強大的 Chrome 擴展體系提供了更多美化和生產力兼備的玩法。

不安裝任何擴展

我們可以在不安裝任何擴展的情況下,對 Chrome 滾動條樣式進行修改。首先需找到 Chrome 的 custom.css 文件,路徑位置:

  • Windows:安裝盤:Users用戶名GoogleChromeUser DataDefaultUser StyleSheetsCustom.css
  • macOS:/Users/YourUsername/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
  • Ubuntu:~/.config/chromium/Default/User StyleSheets/Custom.css

只需要加上 css 控制樣式即可實現修改滾動條樣式的目的,可參考下面的控制代碼:

/*—滾動條默認顯示樣式–*/
::-webkit-scrollbar-thumb{
background-color:;
height:;
outline-offset:;
outline:;
-webkit-border-radius:;
border:;
}
/*—滑鼠點擊滾動條顯示樣式–*/
::-webkit-scrollbar-thumb:hover{
background-color:;
height:;
-webkit-border-radius:;
}
/*—滾動條大小–*/
::-webkit-scrollbar{
width:;
height:;
}
/*—滾動框背景樣式–*/
::-webkit-scrollbar-track-piece{
background-color:;
-webkit-border-radius:;
}

不過,我在 Windows 10 1709 + Chrome v62(64 位)環境下沒有找到 User StyleSheets 文件夾,即使是自行新建文件夾,將 custom.css 文件放在對應位置,重啟瀏覽器之後還是沒有看到滾動條修改的效果。所以有了下面安裝擴展來改變滾動條樣式和更實用功能的內容。

安裝擴展

Minimal Scrollbar 可將默認滾動條變成小巧的、實用的滾動條,支持設置滾動條、滾動內槽的透明度,滑鼠懸停時增大滾動條大小,以及無操作時自動隱藏滾動條。

Scrollbar of Contents 最大的特色功能是在滾動條旁邊創建可點擊的標題標記。 方便用戶同一頁面的不同部分之間跳轉,並幫助快速找到要查找的內容。瀏覽長內容的網頁時 Scrollbar of Contents 特別有用。

用戶也可以使用鍵盤快捷鍵來最小化、隱藏或顯示標記。每次遇到少數派長文時,Scrollbar of Contents 可以幫助快速跳轉到每一個不同的主題和留言區。

擴展管理

遇到 Chrome 擴展狂人,瀏覽器的地址欄旁邊會堆滿擴展圖標,佔據位置和影響美觀。不喜歡手動將各種擴展圖標拖放到自定義的集中菜單里(或者使用右鍵中從 Chrome 菜單中隱藏),有時候還會遇到區分哪些擴展是否正在使用。

以上這些疑問,Extensity 擴展提供了一站式的解決方案,保持簡潔的瀏覽器工具欄,支持列表式顯示哪些擴展是正在啟用的,哪些已經被禁用了。

夜間模式

保護視力從瀏覽器做起。燈光環境較暗時,網頁背景顏色有時候經常亮瞎我們的眼睛,這時候有必要對網頁背景色進行美化,將顏色改成適合眼睛的保護色或者更加適合夜間閱讀的模式。

Dark Reader 、Hacker Vision、眼睛護航 這三款擴展均可實現「保護視力」的作用,將明亮的網頁背景變為高對比度,明暗處理,黑暗主題,以及在晚上易於閱讀的精美網頁。我們只需利用好鍵盤快捷鍵,可在常規、護眼或者夜間模式下快速切換。

網站界面改造

網站界面改造需要祭出樣式管理神器 Stylish ,既可以改進網站界面的顯示效果,又可以實現過濾廣告的功能,真正做到美化界面和實用功能兼備的目的。

用戶利用 Stylish 可為網站安裝不一樣的主題和皮膚,也可以自行創建自己的主題和皮膚,類似為 Reddit 添加黑色風格,使用簡約的 Facebook,或者更改 Google、Twitter 或您最愛的任意網站的外觀,自定義背景、配色方案、字體甚至動畫,以上這些都可以輕鬆實現。

下面是幾款很美觀、使用的樣式,只需按照好 Stylish 擴展後,點擊喜歡的樣式鏈接,前往介紹頁面安裝即可。

Baidu Lite 百度輕:現代化的百度頁面

Google Material:換上 Material Design 風格

我的極簡少數派:竟然連我 π 主站頁面也敢改

Global dark style:為所有網頁背景換上夜間模式,還美化了滑鼠圖標樣式

Flat_Zhihu:請將拍扁的知乎頁面還給我

BlackTube:為油管帶來酷炫的紅黑配色界面

Bilibili 嗶哩嗶哩 Nekopara:帶來更萌的 B 站體驗

weibo_v6:去廣告之後,還你乾淨的微博

以上僅僅是幾款不錯的 CSS 應用實例,如果你還想改造不一樣的網頁,可通過 userstyles 獲得更多好玩的界面美化實例。

擴展閱讀:不喜歡某個網站的樣子?用 Stylish 給它一鍵「換膚」

Chrome 除了自身內功深厚,還可通過各種類型的擴展實現不一樣的功能,這篇美化 Chrome 的教程使用了很多不同的擴展,提升瀏覽器基礎的功能頁面體驗(收藏夾、歷史記錄),也帶來更加實用的功能(過濾廣告、調整界面設計),最終目的是希望幫助大家打造出更具個性化的瀏覽器,更好地提升瀏覽體驗,好好享受這一次 Chrome 的美化旅程。


非折騰黨勿入!

  • 擴展不要多裝,太佔資源!優先使用userscript (TamperMonkey),stylish(Stylish)。
  • 裝好後可去Userscripts.org 和 usertyle.org 找資源,或者自己折騰。
  • 再裝個內存優化的 smartRAM

這是我的知乎 restyle 之後


最簡單的方法,坐在用360的人旁邊。


當然要使用 Steward 擴展了。

乾貨太多,沒法寫,放張圖,以及二個鏈接吧。

比如說訪問知乎還可以這樣:

Steward 的知乎插件

在 Chrome 里用「Alfred」是什麼體驗?Steward 把效率啟動器帶進了瀏覽器

Chrome 命令啟動器 Steward 攻略 -- 三種模式各有神通

幫助文檔


刪掉任何僅僅因為好玩兒、有趣但卻不實用的擴展,讓瀏覽器回歸本質——你只是用他瀏覽網頁,你並不需要在它上面生孩子


雖然我不能定義「優雅」是什麼,但自我感覺還可以分清不優雅是什麼。

在我看來,裝X、矯情一定是不優雅的,所以從心所欲,你覺得用著便捷,舒服,爽就行了。千萬別為了一些「優雅大綱」而把自己搞得難受。

想美化就美化吧,如果你看著原始主題不爽。

想留書籤文字就留吧,如果你有密集恐懼症或者近視。

文字多大舒服就設置多大,我現在就把知乎頁面放大了。

默認搜索哪個舒服用哪個,我就覺得百度方便(是方便)怎麼了?

如果非要推薦擴展的話,推薦快捷工具(雙擊關閉標籤)和context(媽媽再也不用擔心我的內存了)。還有,Bookmarklet Jesse"s Bookmarklets Site也是個不錯的選擇,可以實現查看密碼、修改不可編輯文字等各種bug級功能,最牛掰的這個不佔內存啊有木有。


買個Chromebook. 以後這答案會有人點贊的 :)

貼一個我的HP Chromebook 11

------4/10更新------

Chrome OS穩定版已經更新到34(和單獨瀏覽器的版本號一樣),貼個截圖:

把系統語言調成English(US),如果你在Android設備/iOS Google App上設置過Google Now偏好的話,就可以在通知欄查看Google Now卡片了(似乎暴露位置了= =|||)

桌面版瀏覽器也一樣,改成英文,設置Google Now,逼格像直升灰機一樣 =u=

------8/18更新------

Intel今年broadwell大坑逼得Google轉向核彈了!

是的你沒看錯~NVidia Tegra K1~給你11-13小時的續航~

4G RAM + 32G ROM + 13寸1080p全高清屏, 只要$379, 只要$379, 親你還在等什麼~

買買買買買~

shut up and take my money!


我就說一個FVD Speed Dial Chrome Web Store 吧,3D的首頁,可以自定義標籤預覽圖(好像很少有類似插件可以自定義)

===2014.2.23更新===============================================================

今天換了個背景和主題

==============================================================================

我覺得這種透明背景的logo看起來很舒服,關鍵是怎麼弄到這種圖片,有了圖片之後就好說了,在標籤上面點右鍵-&>自定義預覽-&>本地文件。

弄這種圖片的方法:(歡迎補充)

===2014.2.23更新===============================================================

現在它還有了自動搜索用戶常用標籤圖的功能:

==============================================================================

1. 上網搜圖片「知乎 logo」,最簡單,最方便

2. 直接把網頁中的logo圖片存下來。具體方法為,在網站的logo上點右鍵,然後點審查元素,然後就出來下面的框,在右邊有圖片的鏈接,可以直接保存。(有時圖片鏈接是在左邊的代碼里)

3. 有時無論左邊的鏈接還是右邊的鏈接都找不到logo的鏈接,那還可以去Resource里把所有的Image都翻一遍:

4. 實在不行,可以直接截圖。。。截的圖(和網上搜的圖)可能沒有透明背景,可以用photoshop扣掉背景。如果沒有photoshop,並且背景只有一種顏色,那可以在Office PowerPoint里插入這個圖片,然後在顏色選項里有一個「設置透明色」

5. 自己畫一個。。。畫圖片可能有點複雜了,但其實寫幾個字也就可以了,再稍微處理一下,加點顏色漸變、光照什麼的,就挺不錯了

在FVD Speed Dial里的這些標籤並不是Chrome的,Chrome的同步功能並不能同步這些,想同步的話還有一個同步插件,在設置里可以看到,FVD Synchronizer。

另外,背景那張火熱的圖片當然也是可以換掉的,甚至還可以換主題,見 Chrome Themes for FVD Speed Dial


Chrome 的開發者工具可以說是所有瀏覽器裡面最好用的,這不,最新版的 Chrome Canary 支持運行時代碼覆蓋率報告了,這個功能在做頁面優化時非常有用,比如可以快速識別死代碼,方便做代碼拆分和延遲載入。具體見我的專欄文章:Chrome DevTools 代碼覆蓋率功能詳解 - 知乎專欄


這樣

還有這樣


  • 取消總是顯示書籤欄
  • 熟練使用快捷鍵(包括給常用的擴展程序也設置上快捷鍵)
  • 搜索在地址欄輸好網址然後按Tab輸入要搜索的內容即可
  • 長時間瀏覽網頁請使用全屏模式
  • 主頁設置為空白頁
  • 字體設置為小甚至極小
  • 多人使用該台電腦的賬戶的話請多設置幾個用戶(Chrome的)
  • 善用擴展程序(如Clip、Pocket、AdBlock、LastPass)
  • 善用應用(如Google Doc、Google Drive、Gmail)
  • 地址欄搜索引擎默認必應(好看一些,但結果準確性不如 http://Google.com)
  • 將Chrome鎖定到任務欄(Windows的話)
  • 請不要修改主題(大部分主題都很醜)
  • 使用Google語音搜索(僅限Chrome哦)


chrome上的插件太多了。安裝太多了會卡,我就說下我安裝的吧。

1. v+新標籤頁,智能添加網址,智能匹配圖標與背景顏色,還有備份功能,天氣,用著挺方便。

2.Adblock,屏蔽煩人的網頁廣告,挺方便的。

3.廣告終結者,屏蔽優酷,奇異廣告,看視頻不錯。

3.Switchysharp,你懂得。

4.有道詞典chrome畫詞插件,閱讀英文網站不錯,不認識的詞可以隨時翻譯。

5.如意淘,可以在淘寶比價,找到更低價格的商品。

6.fvd,檢查網頁里的下載鏈接,優酷視頻,奇異視頻可以直接下載。

我感覺用這些,chrome就完美了。。


用好地址欄搜索的功能

中間的是關鍵詞。如圖,默認的是百度搜索,當在地址欄輸入wp+空格鍵,即顯示為wikipedia的搜索框:

直接輸入要搜索的關鍵詞就可以直接到達結果頁面了。


推薦閱讀:

如何打 GTA OL 的劫獄?
如何優雅地說一個人平胸?
如何優雅地使用 Android?
如何優雅地喝咖啡?
如何優雅地遊玩L4D2(求生之路2)?

TAG:GoogleChrome | 如何優雅地X |