讓人開掛的4個逆天操作，瀏覽器這樣玩才夠酷！

Hi，我是秋小葉~

用電腦上網，第一件事情就是打開瀏覽器吧~除了刷微博，看視頻，你還用瀏覽器做過哪些事？

今天 Jesse 老師就要給你分享幾個關於黑科技，刷新你對瀏覽器的認識！

本文演示使用的是谷歌 Chrome 瀏覽器，如果你用的不是谷歌瀏覽器也不用擔心，這些小技巧在QQ瀏覽器、搜狗瀏覽器、360極速瀏覽器中也同樣適用！

我相信，很多人每天都在使用瀏覽器卻不知道【F12】這個鍵在其中的妙用。它不僅能下載受限制圖片，刪除頁面多餘組件還能修改頁面數據！

01 .【F12】鍵的基本功能與設置

打開 Chrome 瀏覽器，隨便訪問一個網站，按下【F12】鍵，你會發現瀏覽器界面出現了分屏，一部分還是網頁內容，而另一部分則變為了網頁代碼：

這個彈出的窗口叫「開發者工具」，裡面顯示的就是網頁的源代碼。別緊張，今天的操作不會代碼~

如果你是第一次進入「開發者工具」模式，按下【F12】會顯示成上下分屏，這對於展示內容很不方便，可以點擊右上角「三個點」按鈕，將其設置為左右分屏模式：

02.黑科技之突破網頁限制下載圖片

在一般情況下，我們下載網頁上的圖片都是直接點擊右鍵，然後選擇「圖片另存為」，不過這種方式並不總是有效。

例如我們想要製作一篇《和秋葉一起學PPT》第三版圖書的介紹推薦 PPT，想要一張高清封面圖，可是直接截圖獲得的圖片不夠清晰，解析度不夠：

如果你使用的是 Chrome 瀏覽器，這個問題就很好解決了。

點擊【F12】打開「開發者工具」，將頂部標籤切換為「Network」，然後再將下面工具欄上的分類按鈕選為「Img」（意思是只檢索圖片類資源）：

最後按下【F5】鍵刷新網頁，你會發現隨著網頁的重新載入，右側出現了大量的文件列表，這些文件都是當前網頁上使用到的圖片：

看到那幾個預覽圖是紅色的文件了嗎？點過去你會發現最清晰的是這個 800×800 的圖片，其餘的都是低解析度：

右鍵點擊它，選擇「Save」就可以下載到這張高清的圖片了：

如果下載高清大壁紙之類的圖片素材，還可以按下【F5】刷新圖片列表后，點擊文件列表頂部工具欄的「Size」按鈕，出現▼標記，從大到小排列圖片。

這時，需要下載的高清大圖往往會排列在列表頂端：

03.黑科技之去除網頁組件方便截圖

在我們製作 PPT 的過程中，有時會需要使用到地圖的素材，阿文曾經在他的在線課程「我懂個P」中推薦過高德地圖出品的「路書」，這個網站可以像我們使用導航一樣根據起點和終點設置顯示出規劃的路線圖：

將這個界面截圖下來，放到路線說明展示里，特別高級。

但正如大家看到的，規劃好行程后，地圖左側會有一個繼續添加路程安排的窗口，即便點擊頂部的箭頭按鈕收起路線規劃，也不能去除面板：

怎樣才能截取到沒有懸浮窗口但又保留路線圖的地圖呢？不用說，還是用強大的【F12】鍵。

點擊【F12】進入「開發者工具」后，定位到「Element」標籤頁，也就是最開始我們看到過的那個代碼頁面。

單擊左上角的滑鼠箭頭按鈕使之變成藍色高亮，然後移向頁面中的窗口組件（不需要點擊），這些組件就會變成灰藍色選中狀態，右側的源代碼也會隨之自動定位到這些組件對應的語句上去：

對準不想保留的組件點下滑鼠左鍵，這個組件對應的源代碼就會在右側窗口被選中，此時只需要點下【Del】鍵，就可以把這個礙事兒的組件刪除掉了：

使用同樣的方法，把包括路線規劃區域、頂部工具欄、右下角地圖縮放按鈕等懸浮組件全都刪除掉，一張乾淨的路線圖就出現在你面前了，趕緊截圖保存下來吧：

你或許會擔心，這樣隨隨便便把別人的網站修改得面目全非不會被追責吧？

放心吧大兄弟，這些修改只是對緩存到你電腦上的數據進行的，不會影響到網站。事實上，只要點一下【F5】鍵刷新瀏覽器，剛才的修改就全都被還原了。

04.黑科技之修改網頁數據截圖惡搞

使用同樣的方法，不但可以刪除網頁組件，還可以修改網頁上的數據。

這就厲害了，你可以很容易玩出「驚呆小夥伴」的創意來——想不想和你的老公彭於晏、李易峰、吳亦凡互相關注啊？來來來，Jesse 老師教你。

點開一個和你互相關注的好友的主頁，定位到「互相關注」按鈕對應的語句，右鍵點擊，選擇「Edit as HTML」：

全選后按下【Ctrl+C】，複製框內所有內容：

接下來打開你老公的微博主頁，同樣定位到關注按鈕，然後「Edit as HTML」，全選后【Ctrl+V】，把剛才複製的內容粘貼上去替換掉原來的，最後點擊網頁頁面退出編輯狀態使之生效：

關閉編輯界面，然後截圖發朋友圈——文案都幫你想好了，一定要展現你的震驚和意外：

如果你平時就是性情中人，直接配一句「卧槽！」風味更佳。使用這一方法，你還可以自定義冬粉數量等等……

（造謠有風險，惡搞請適度）

所以啊，大家以後千萬別隨便相信別人發給你的網頁截圖！

有關Chrome瀏覽器【F12】的妙用就分享到這裡了，希望大家都學會了這三個用途：

• 下載受限圖片

• 刪除頁面組件

• 修改頁面數據

本文為作者原創，未經授權不得轉載