在日常的開發或者測試中,都少不了使用一些抓包軟體。
最常用的瀏覽器上按下F12就能看到了各種請求。
1、適用於iphone的抓包神器
目前我最常用的就是stream神器,能滿足我基本需求,無廣告,更重要的一點它是免費的。點擊開始抓包之後能抓取數據包,停止抓包之後可以在抓包歷史中查看分析請求。在請求詳情頁面中,它還有個編輯重放請求的功能,可以修改請求參數,對於開發人員調試很方便。在抓https請求數據包的時候,要先安裝一下信任證書,才能使用。

還有一個Thor + Anubis Http這兩個app配套使用,售價88塊大洋,都說功能很強大,但是我沒用過。
2、適用於mac的抓包神器
Charles官網是付費的,免費可以適用30天,但是萬能的網友總有破解辦法,懂得都懂。
- 安裝好後先安裝證書,Help -> SSL Proxying -> Install Charles Root Certificate。
- 在鑰匙串訪問中將Charles Proxy CA設置為信任。
- 設置Http代理:Charles菜單 -> Proxy -> Proxy Settings。設置port 8888
- 設置SSL代理:Charles菜單 -> Proxy -> SSL Proxy Settings。點擊Enable SSL Proxying。

3、前端開發常用的調試神器
微信公眾號H5,手機版網頁H5開發調試工具與瀏覽器用法差不多。
先安裝vconsole-webpack-plugin
npm install vconsole-webpack-plugin -S在vue.config.js文件中加入
const vConsole = require('vconsole-webpack-plugin')
module.exports里加上
configureWebpack: config => {
config.plugins.push(
//手機端調試
new vConsole({
filter: [], // 需要過濾的入口文件
enable: true // 生產環境不打開
})
)
}

趕緊去試試吧
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/269213.html
微信掃一掃
支付寶掃一掃