Chrome瀏覽器必學實用技巧-建議收藏

乾貨雜記 發佈 2024-05-14T20:21:37.825537+00:00

谷歌Chrome是目前最流行的桌面瀏覽器,本文分享了一些實用的使用技巧,希望能夠對大家的工作和生活提供一些助力。

谷歌Chrome是目前最流行的桌面瀏覽器,本文分享了一些實用的使用技巧,希望能夠對大家的工作和生活提供一些助力。

貼士:不同版本的Chrome,其功能或菜單可能存在細微差異。本文使用的Chrome瀏覽器版本為: 110.0.5481.100。

內容預覽

  • 保存離線網頁(PNG、PDF、HTML)
  • 標籤頁固定和分組
  • 重新打開已關閉的標籤頁
  • 查看Chrome記住的密碼(有彩蛋)
  • 無痕模式啟用插件
  • 其它技巧

保存離線網頁(PNG、PDF、HTML)

我們可以通過Chrome將網頁內容保存為PNG、PDF、HTML等格式,用於離線瀏覽。

1、保存為PNG: 點擊瀏覽器右上角的「┇」按鈕,打開「更多工具-開發者工具」,再點擊「開發者工具」右上角的「┇」按鈕(並非瀏覽器右上角的「┇」按鈕),打開「Run command」, 輸入「Screen」查找到"Capture full size screenshot"功能,即可將整個網頁輸出為PNG格式的長圖。

2、保存為PDF: 使用Chrome的"編輯-列印"功能, 選中目標印表機為「另存為PDF」,即可輸出PDF。

貼士:在網頁布局比較複雜的情況下,輸出的PDF內容會自動換行,排版會比較混亂,可讀性較差。建議可以將上面生成的PNG轉換為PDF, 此方式反而比通過列印功能生成的PDF可讀性更好。


3、保存為HTML: 可安裝「Save Page WE」插件,具體方法請參考本人另一篇文章「Chrome必裝插件,讓你的生產效率飛起」。


標籤頁固定與分組

我們經常會在Chrome中打開過多的標籤頁,最終分不清主次,浪費不少時間在尋找和切換頁面上。實際上Chrome自帶比較不錯的標籤頁「固定」和「分組」功能,可以右鍵點擊標籤頁進行操作。


重新打開已關閉的標籤頁

有時我們可能會不小心誤關一些重要網頁,但是又不記得網頁連結或入口,此時可以通過以下兩種方式實現重新打開剛才已經關閉的網頁:

  • 方式一:右鍵點擊瀏覽器頂部的標籤頁欄空白處,彈出右鍵菜單,選擇「重新打開關閉的標籤頁」。
  • 方式二:通過Chrome歷史記錄打開,點擊瀏覽器右上角的「┇」按鈕,找到「歷史記錄"菜單即可進入,也可以直接在瀏覽器地址欄輸入「chrome://history/」進入。

貼士: 在瀏覽器的地址欄中輸入:"chrome://about"可以看到瀏覽器所有功能的連結


查看Chrome記住的密碼

我們經常會讓Chrome記住某些網站的登錄帳號和密碼,方便後續自動登錄,此時頁面上填充的是「••••••「之類的掩碼。如果你不小心忘記了密碼明文,可以通過以下兩種方式查看密碼明文。

  • 方式一、通過Chrome密碼管理器查看,而進入密碼管理器至少有以下三種途徑:

途徑1: 直接在瀏覽器地址欄輸入「chrome://settings/passwords」進入。

途徑2: 點擊瀏覽器右上角的「┇」按鈕,然後通過「設置-密碼填充-密碼管理器」進入。

途徑3: 直接通過網頁上帳號或密碼輸入框的「管理密碼...」選項進入。


  • 方式二、通過「開發者工具-檢查」功能定位到密碼輸入框,然後將密碼輸入框的組件類型從password修改為text即可。

彩蛋:現在你已經掌握了可以隨意修改頁面元素的方法,所以你也可以通過修改頁面上的數字、文字等內容來打造一個新的頁面用於對外展示,從而臨時解決一些特殊的問題[笑],不過這種修改只是暫時的,一旦刷新頁面,網頁內容將恢復原狀[尬笑]。


無痕模式開啟插件

  • Chrome提供了無痕模式(又叫隱身模式)用於安全瀏覽網頁,但無痕模式下會默認禁用所有的瀏覽器插件,此時可以手動啟用插件。點擊瀏覽器右上角的「┇」按鈕,然後通過「更多工具-擴展程序」進入擴展程序管理界面(當然你可以通過直接在地址欄中輸入「chrome://extensions/」進入),最後找到指定的插件,進入插件「詳情」頁面,找到「在無痕模式下啟用」選項,即可進行啟用和禁用設置。

其它技巧

Chrome的實用技巧有很多,本文由於篇幅所限,不再一一贅述,下面再羅列幾個更偏向於開發人員使用的小技巧,感興趣的讀者可以自行深入探索。


  • Chrome具有手機模式,可以模擬成各種主流品牌的手機瀏覽網頁,從而快速發現頁面的一些兼容性問題。

  • 可以通過Chrome快速查找網頁源碼(包括HTML、JS、CSS)。需要先進入「開發者工具」界面,然後通過右上角的「┇」按鈕點擊「Open file」菜單,或者直接使用快捷鍵Ctrl + P(Mac為Command + P)打開源碼搜索界面

  • Chrome還擁有自定義搜尋引擎的功能,首先在「設置-搜尋引擎」界面添加一個自定義搜尋引擎,然後就可以在瀏覽器地址欄直接使用該引擎。

如果您覺得本篇內容對你有所幫助,可以點讚 + 轉發 + 收藏 + 關注。

關鍵字: