《瀏覽器F12開發者工具的妙用》

  • 瀏覽器的有趣玩法
  • 前端相關小技巧 ^-^

下面的幾種用法本人都——試過,還是挺有意思的,安利一下。

一:複製不可複製的文字

  • 例子(比如我在某乎分享過一篇文章,我設置了不可轉載,那麼如果別人想複製我的文字時,就會出現下面這個標識【禁止轉載】,也就是別人沒法複製我的文章。)
  • 我們按下F12,或者右擊鼠標選擇【審查元素】,點一下下邊彈出框左上角鼠標,然後去點擊頁面你想要的文字,下面框代碼中亮的部分,看不到文字就點擊箭頭展開,看到文字,雙擊或者右鍵copy
    在這裏插入圖片描述

二、下載不能右擊鼠標選擇保存的圖片

  • 例子(比如說某庫網需要vip才能下載的圖片)
  • 首先我們打開不能直接下載圖片的網站,然後使用快捷鍵F12,或者右擊鼠標選擇【審查元素】,然後選擇【 network】,再選擇【 Img】,刷新頁面就看得到下面有圖片資源了,大部分網頁是這樣結構,有些圖片會在【 sources】那裏打開左側欄(請求回來的圖片資源),總之能找到圖片的資源所在位置就可以了。
    在這裏插入圖片描述

三、當然還有作弊截假的數據圖(修改餘額,也可以修改頁面的任意文字)

  • 例子(更改網頁登錄某寶顯示的餘額——修改的是網頁請求來展示到頁面數據,刷新即可恢復正常)
  • 我現在使用F12打開開發者工具,點一下下邊彈出框左上角鼠標,然後去點擊頁面你想要修改的賬號餘額下面雙擊文字,馬上就可以改一個數值,回車,關閉下面彈出框或者按F12關閉,然後截圖炫耀去了。
    在這裏插入圖片描述

四丶使用瀏覽器截取整個網頁。

  • 使用瀏覽器自帶的截屏功能截取超過一個屏幕的網頁
  • F12或 Ctrl+ Shift+ I打開開發者工具,在任意 tab上按 Ctrl+ Shift+ P,在彈出的輸入框裏輸入 Capture full size screenshot(其實不需要輸入完整,可以自動補全),然後按回車即可
    在這裏插入圖片描述
  • 例子:
    在這裏插入圖片描述

五丶查看網頁登陸的隱藏的密碼

  • 我現在使用F12打開開發者工具,點一下下邊彈出框左上角鼠標,然後去點擊頁面你想要看到的密碼,或者鼠標放到密碼上右鍵審查元素/檢查也可以,找到行內的文本框類型:type=“password”,改爲type="text"回車,就可以了
    在這裏插入圖片描述
    在這裏插入圖片描述

六、簡易計算使用瀏覽器計算即可

  • 我現在使用F12打開開發者工具,點一下下邊彈出框console,然後輸入8*5按下回車即可

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章