介紹
下面介紹兩個神器,可以零侵入式的修改網頁內容,可以弄很多好玩的事情
比如:
去除Logo
去除視頻標記
修改網頁樣式
攔截請求,修改內容
......................
使用場景的話,大家可以腦洞大開了,就說一個經常用的場景,就是修改別人家的產品信息,給自己客戶展示,作為售前的一些手段等等.
油猴
Tampermonkey 是一款免費的瀏覽器擴展和最為流行的用戶腳本管理器,它適用於 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。
雖然有些受支持的瀏覽器擁有原生的用戶腳本支持,但 Tampermonkey 將在您的用戶腳本管理方面提供更多的便利。 它提供了諸如便捷腳本安裝、自動更新檢查、標籤中的腳本運行狀況速覽、內置的編輯器等眾多功能, 同時Tampermonkey還有可能正常運行原本並不兼容的腳本。
官方網址: http://www.tampermonkey.net/
下面截圖是一個新建腳本的頁面:
油猴可以直接使用的一些腳本: https://greasyfork.org/zh-CN
如果自己需要一些能力的話,可以先在上面的網址內找找資源,如果沒有,那麼可以自己創建一個腳本使用,不過需要一些Javascript的編碼能力.
這裡就不介紹具體怎麼玩了,可以直接安裝其他人寫好的腳本,自己改改內容,做自己的事情,那麼很容易就上手了.
油猴的官方文檔地址: https://www.tampermonkey.net/documentation.php
下面介紹下Chrome的插件安裝:
這個地址: https://chrome.google.com/webstore/search/tampermonkey?hl=zh-CN
找到Tampermonkey,然後安裝就可以了
Charles
Charles是在您自己的計算機上運行的Web代理(HTTP代理 / HTTP監視器)。然後,將您的Web瀏覽器(或任何其他Internet應用程序)配置為通過Charles訪問Internet,然後Charles可以為您記錄和顯示所有發送和接收的數據。
在Web和Internet開發中,您無法看到Web瀏覽器/客戶端與服務器之間正在發送和接收的內容。沒有這種可見性,很難準確地確定故障的位置。Charles可以輕鬆地查看正在發生的事情,因此您可以快速診斷和解決問題。
Charles使調試變得快速容易,安全和高級。節省您的時間.
主要特徵
SSL代理 –以純文本格式查看SSL請求和響應
帶寬限制以模擬較慢的Internet連接(包括延遲)
AJAX調試–以樹或文本形式查看XML和JSON請求和響應
AMF –以樹形視圖查看Flash Remoting / Flex Remoting消息的內容
重複請求以測試後端更改
使用W3C驗證器驗證記錄的HTML,CSS和RSS / atom響應
有一種為所欲為的感覺,讓你的訪問和返回都裸露在你的眼前.
下面介紹下Mac 版本的v4.5.4使用
如果為了使用方便,建議關閉電腦或者服務器上的一些VPN的軟件
- 打開代理模式
確認是否勾選代理
頁面一些基本的介紹如下圖:
點擊自己關心的鏈接,查看返回的網頁內容,和其他的信息
如果需要查看HTTPS的鏈接,需要安裝下SSL的證書信息,不然攔截後看到的都是亂碼,需要注意下
因為功能很多,下面就介紹一個修改返回內容的過程
修改內容有兩個方式:
紅色的方式是保存返回內容到本地,然後通過Map Local功能映射到保存文件,修改本地的文件內容,這個鏈接在此訪問就會直接返回修改的本地文件
綠色的方式是通過斷點的功能,當訪問這個鏈接,就會出現阻塞,那麼就可以修改內容,一步一步的執行了.
綠色的方式需要注意的是,開啟斷點後,需要重新訪問鏈接,才會阻塞這個請求,然後一步步的執行.每個過程中都是可以修改頭文件或者內容等等.
總結
有了這兩個神器,基本上可以做一些簡單的篡改請求或返回的內容了,還可以做一些小功能,讓自己用著更舒服,尤其是對一些不舒服的網頁,但是目前又要用的網頁.
更多的功能大家慢慢發現了,也希望分享更多好玩刺激的腳本.
閱讀更多 拉斐 的文章