天天看點
傳回

關于Chrome浏覽器的一些使用技巧

高效搜尋

高效利用 google 搜尋引擎是第一步。

在輸入框裡面，所有的空格都被了解為加号；

想要實作完整全文比對搜尋，需要加上引号（中英文皆可）；

篩選結果，使用減号-（這個得是半角英文，并和之後的詞得連着，不能有空格）；

通配符 * 比對；

站内搜尋：​

​"spring boot multiple data source" site:stackoverflow.com​

​搜尋結果僅僅傳回 stackoverflow 網站内所有關于spring boot multiple data source 的文章；

搜尋工具可以選擇時間和語言等（參考下圖）；

關于Chrome浏覽器的一些使用技巧

搜尋時在待搜尋的關鍵字前面加上 related:，如related:mongodb.org，就可以得到類似的和可替代MongoDB的NoSQL資料庫；

關閉安全搜尋，搜尋網址加參數：​

​&safe=off​

​；

輸入某個網址，再點選Tab，會能直接使用這個站點的站内搜尋；

使用 filetype 指定搜尋得到的檔案格式 ，比如：重構 filetype:PDF 或者 Clean Code filetype:PDF；

位址欄

在位址欄輸入 ​

​chrome://about/​

​​，可以得到 Chrome 支援的所有可用位址欄，以 chrome 協定開始的一串 URL；

常用的：

chrome://apps/ Chrome網上應用商店

chrome://dns/ 檢視DNS記錄

chrome://downloads 下載下傳頁面：一般 Chrome下載下傳資源速度過慢時，打開這個頁面可以擷取待下載下傳資源的連結位址，複制到迅雷，實作高速下載下傳。

chrome://extensions/ 檢視已安裝（包括禁用的）擴充程式

chrome://plugins/ 停用、啟用相關插件

chrome://omnibox/ 能位址欄

chrome://net-internals Chrome的抓包工具

chrome://history/ 曆史記錄頁

快捷鍵

Ctrl + Shift + N：隐身模式通路，保護隐私；

Ctrl + Shift + T：打開最近關閉的頁面，尤其适用于Chrome崩潰或者系統重新開機時；

Ctrl + R：重新整理頁面；

Ctrl + H：打開曆史記錄頁面 ​​

​chrome://history/​

​​；

F12/Ctrl+Shift+I：打開開發者工具；

Ctrl+Shift+J：打開 開發者工具并聚焦到控制台 ；

F5、Ctrl+R：重新整理頁面；

Ctrl+F5、Ctrl+Shift+R：重新整理忽略緩存内容的頁面；

控制台快捷鍵

Ctrl+：聚焦到控制台；

Ctrl+L：清除控制台；

Shift+Enter：多行輸入；

http抓包

谷歌的 Chrome 浏覽器自帶一個功能強大的 HTTP 抓包工具，可以用于調試程式，監控 HTTP 資訊交換。在浏覽器位址欄輸入 ​

​chrome://net-internals/#requests​

​​ 即可進入。

示例：

chrome://net-internals/#dns
chrome://net-internals/#events&q=type:SPDY_SESSION%20is:active

extension安裝

安裝方式：

  1. 線上安裝，打開 ​

    ​chrome://apps/​

     ​，打開網上應用商店，搜尋安裝，适用于可通路外網的情況下
  2. 不能連接配接外網的情況下，可以先行下載下傳插件，然後離線安裝。​​插件下載下傳位址​​​，下載下傳得到​

    ​.crx​

     ​​字尾檔案。修改其字尾名為zip，解壓，修改​

    ​_metadata​

     ​​為​

    ​metadata​

     ​​（即去掉下劃線）。部分插件會有提示資訊，不影響使用。chrome位址欄輸入​

    ​chrome://extensions​

     ​，勾選開發者模式，選擇加載已經解壓的擴充程式，選擇插件的解壓目錄，即可。
  3. 離線安裝，下載下傳.crx字尾名的插件，拖到 extension 頁面 ​

    ​chrome://extensions/​

     ​，适用于非官方的 extension和較老版本的Chrome，新版本Chrome不可直接拖拽操作安裝

  4. 較老版本Chrome（具體哪個版本号之前待考）安裝後，在桌面的快捷圖示，右鍵properties——shortcut，如果不是以雙引号（現在是雙引号，并且不允許修改其值）括起來的啟動程式位置，則可以做如下修改：

    ​​

    ​C:\Users\wajian\AppData\Local\Google\Chrome\Application\chrome.exe --enable-easy-off-store-extension-install​

     ​​。已知Chrome版本​

    ​58.0.3029.110 (64-bit)​

     ​不可如此安裝，新版本Chrome考慮到安全/權限問題已經不允許這般修改。

拓展：早先版本的 Chrome 如果被劫持/篡改，可以通過上面這種方法修改啟動指令行加以解決：把target裡面的劫持商删除即可。

插件（extension）推薦

  • OneTab chrome的确好用，但是是記憶體大戶，借助于OneTab 可以把需要留着待會兒看的标簽頁發送儲存到onetab以節省記憶體，需要時再打開；另一方面，也可以當作收藏夾來使用，友善以後回來回顧幹貨網頁，一定程度上可以了解為書簽。
  • The Great Suspender，自動休眠暫時不用的頁籤以節省記憶體暫用。設定一定的時間，标簽頁如果沒有操作，就會被自動回收。還可以對特定的網站設定白名單，也可以對包含有正在鍵入的文本框的标簽開啟白名單，還可設定成筆記本電腦沒有外接電源的時候開啟自動休眠。
  • Proxy SwitchSharp 代理切換工具，必備。
  • AdBlock plus 廣告屏蔽。
  • PostMan，rest api測試工具。可參考我的blog ​​postman使用​​
  • Octotree 借助于此插件，你可以直接在Chrome側邊欄向打開檔案夾一樣的檢視GitHub上面的項目；還可以下載下傳需要的單個檔案、檔案夾，而不必git clone整個項目。
  • 有道詞典。
  • PostMan interceptor。關于這個插件的功能，詳細可以檢視我的另一篇部落格​​Postman使用​​或者百度。
  • FireShot，可以把目前頁面截屏儲存下來，可以儲存為png等圖檔格式，甚至是pdf文檔格式。
  • EditThisCookie。
  • RestMan，精簡版的 PostMan。
  • Json Viewer，在JSON成為主流的HTTP請求傳輸形式的情況下，對 JSON 形式的 responseBody 自動格式化，可以點選 expand/collapse，友善檢視節點資訊。
  • JSON editor，線上編輯節點資訊，可以一整個JSON Object或者Array編輯。
  • SourceGraph，利用 SourceGraph 讓線上閱讀 GitHub 代碼的體驗提升一個量級，如同在 IDE中一樣。
  • ​​Tampermonkey​​，一款免費的使用者腳本（插件）管理器，以插件形式支援主流浏覽器。提供便捷的腳本安裝、自動更新檢查、插件中的腳本運作狀況速覽、内置腳本編輯器等衆多功能，同時還能正常運作原本并不相容的腳本。因為Tampermonkey腳本可以擷取使用者浏覽的内容和輸入的密碼資訊，惡意的腳本會導緻使用者資訊洩露，建議到Greasy Fork、OpenUserJS、Userscripts Mirror等知名網站下載下傳插件。在插件中設定【在特定網站上/點選時】或不使用時關閉Tampermonkey，可以有效防止被惡意程式擷取使用者隐私資訊。

Chrome被劫持的解決方法

筆記本在使用一段時間後（可能是通路某些個不良網站之後），chrome被（毒霸，360，百度的hao123等）劫持，桌面上的Chrome快捷方式以及工作列的快速啟動欄都被劫持/篡改：即打開Chrome之後，首頁變成毒霸等的首頁。看着惡心。右鍵桌面上的快捷方式——屬性——目标，嘗試修改為正常的路徑，失敗（因為新版本的 Chrome 不支援手動修改啟動指令行參數，目的就是為了防止被篡改，現在被惡心的hao360 篡改成功，恢複正常狀态倒恢複不回去）：

關于Chrome浏覽器的一些使用技巧

筆記本上的唯一一款安全軟體QQ管家啟動也不能解決這個問題。

我遇到的這個問題的最後解決方法：

删除桌面的快捷方式以及解鎖工作列上面的Chrome，去Chrome的安裝​

​C:\Program Files (x86)\Google\Chrome\Application.exe​

​，把快捷方式重新生成到桌面。

啟動慢的原因及解決方法

如果在chrome剛啟動時速度很慢，而且在左下角狀态欄有類似“正在解析代理伺服器”的提示，那麼就可能是系統的自動檢測代理伺服器設定問題所導緻，解決方法如下：

  1. 打開-選項-進階選項-網絡（更改代理伺服器設定）此時則打開了IE屬性

  2. 打開區域網路設定-去掉自動檢測設定勾選

    如此設定後再測試下，Chrome 打開啟動頁的速度就恢複。

Chrome設定位址欄快速站内搜尋

Chrome位址欄右鍵——修改搜尋引擎，或者直接在搜尋欄輸入：​

​chrome://settings/searchEngines​

​打開設定項。看到下面的其他搜尋引擎指的就是站内搜尋，可以添加修改删除；如圖：

關于Chrome浏覽器的一些使用技巧

然後就可以在位址欄快速使用知乎去搜尋你想要查詢的關鍵字啦。

無處安放

​​批量删除豆瓣廣播 js腳本​​ 效果圖：

關于Chrome浏覽器的一些使用技巧

實際上，上面截圖中的【有道雲網頁剪報】功能也是利用一段 JS 代碼實作的，這得益于 chrome 提供的開放平台功能吧。前端這一塊是盲區；

Chrome 開發者工具

網絡限速

設定網絡的通路速度來模拟一個網絡很慢的情況。

關于Chrome浏覽器的一些使用技巧

如圖：custom-Add—Network Throttling Profiles—add custom profile，然後即可自定義最大Download、Upload速度，以及模拟Latency；

直接編輯網頁

在 console 裡 輸入下面的指令：​​

​document.designMode = "on"​

​​，于是就可以直接修改網頁上的内容。清空console：clear() 或是 Ctrl+L’；

代碼格式化

在 Sources 頁面看到的 css/js 代碼都會被 minify 掉，點選代碼視窗左下角的那個 { } 标簽，chrome會幫你給格式化掉。

Console 技巧

  • chrome 預設 緩存 5個你檢視過的DOM對象，在Console中用 ​

    ​$0, $1, $2, $3, $4​

     ​來通路。
  • 使用像 jQuery 那樣的文法來獲得DOM對象，如：​

    ​$("#mydiv")​

     ​
  • 使用 ​

    ​$$(".class")​

     ​ 來選擇所有滿足條件的DOM對象。
  • 使用 ​

    ​getEventListeners($("selector"))​

     ​ 來檢視某個DOM對象上的事件。
  • 使用 monitorEvents($(“selector”)) 來監控相關的事件。

console.trace() 列印 js 函數調用棧；

console.time() 和 console.timeEnd() 計算代碼消耗時間。

console.profile() 和 console.profileEnd() 檢視CPU消耗。

console.count() 看到相同的日志目前被列印的次數。

console.assert(expression, object) assert表達式

chrome 搜尋 位址欄
上一篇: PET-AI講解 | 節約患者時間的圖像生成
下一篇: 備、務、各、冬這些字與什麼偏旁有關?

繼續閱讀