您現在的位置是:首頁 > 網路遊戲首頁網路遊戲

如何利用“開發人員工具”臨時更改網頁內容部分?

簡介簡單介紹一下“開發人員工具””開發人員工具“窗口裡面顯示的是關於當前開啟網頁的程式碼、結構、請求等一些資訊,這個是公開的,如果是程式設計師會經常用到,可以透過這個視窗對建立的網頁進行除錯

怎麼改網頁上的內容

再上乾貨前我們先來練練眼神兒,下面兩圖有2處不同,大家快來找一找呀!

如何利用“開發人員工具”臨時更改網頁內容部分?

眼神好的寶子們肯定一下子就找出來了!

如何利用“開發人員工具”臨時更改網頁內容部分?

“質量檢測”變成了“重量檢測”、“樣式模板”變成了“樣子模板”,這要不仔細看一看還真容易忽略呢!這個時候有的寶子們會說了,這個還不簡單,用PS處理一下就OK了!,但是還有一種方法,比PS的成本還要低,下面來給大家”揭秘“一下:

怎樣開啟“開發人員工具”?

如何利用“開發人員工具”臨時更改網頁內容部分?

在瀏覽器的工具欄找到“更多工具”按鈕選擇“開發人員工具”,不同型別的瀏覽器,可能位置略有不同,但我們可以使用快捷鍵“crtl+shift+I”或功能鍵“F12”,有的則需要按fn+f12。就可以在螢幕下方開啟你所瀏覽網頁的部分程式碼。

如何利用“開發人員工具”臨時更改網頁內容部分?

接下來,我們先”開發者工具“視窗左側的小箭頭,就可在當前的網頁上選擇指定的“塊”。

這裡我選擇的是“少年版”這個“塊”,此時在“開發者工具”窗口裡就會顯示出和你選中的“塊”的相關程式碼。是不是看不懂呢?漢字總認得吧,可以在窗口裡改一改:

如何利用“開發人員工具”臨時更改網頁內容部分?

來看看吧,是不是“少年”變“老年”了呢?此時就可以截圖了!如果你收到這幅圖片後,那麼你看到的,就不是真實的了!是不是很出乎你的意料!

如何利用“開發人員工具”臨時更改網頁內容部分?

此時有此起寶子們可能會問,那這樣的話網頁不是就改亂套了嗎?誰想改就改?哈哈,不用擔心,是改不了的,只是臨時改了,當我們再次重新整理頁面時,“山還是那座山,河還是那條河”!

簡單介紹一下“開發人員工具”

”開發人員工具“窗口裡面顯示的是關於當前開啟網頁的程式碼、結構、請求等一些資訊,這個是公開的,如果是程式設計師會經常用到,可以透過這個視窗對建立的網頁進行除錯。也可以給一些程式作為建立類似網頁作一個參照。

另外,這也有些“駭客”經常光顧的地方。學習python的爬蟲技術的都來過這個地方喲!不過大家也不必擔心,對於網路安全各大網站還是有自己強力的保障的。

哈哈,下面就讓小編做一下美夢吧:

如何利用“開發人員工具”臨時更改網頁內容部分?

結束語:

這番操作成本真的很底,不需要任何的程式設計技術,幾乎是有手就行!所以我們在看到一些網路截圖的時候可要留個心眼!可不能被人忽悠了。當然更不能去忽悠別人了!在這個資訊爆炸的時代,我們一定要有辨別資訊真假的意識,小心駛得萬年船呀!

如何利用“開發人員工具”臨時更改網頁內容部分?

Top