如何使用 whistle 抓包
背景: mac 下比較好用的抓包工具是Charles(收費), 但是矮窮搓博主并不想花這筆錢, 也不想找破解寒了原創(chuàng)者的心, 某天看 imweb 的博客時發(fā)現(xiàn)騰訊一個大佬寫了個基于 node 的抓包工具 whistle, 感覺功能上都很齊全, 遂有此文
ps: 大佬的文檔已經(jīng)寫的很清楚而且全中文, 我這個只是講解了實現(xiàn)抓包的過程(因為其他東西本人感覺用不上 orzz), 想了解更多請去看 whistle doc 或 whistle工具全程入門
1. Start
1.1 安裝
npm install -g whistle
1.2 打開 whistle
輸入命令
w2 start
然后打開 http://127.0.0.1:8899 即可看到 whistle 的配置界面
1.3 配置代理
筆者的訴求是抓取移動端的頁面, 所以以配置移動端抓包調(diào)試為主, 至于手機那當然是貧民安卓了…(流下了買不起蘋果的眼淚)
準備工作: 手機與 pc 端都處于同一個網(wǎng)絡(luò)下
點擊配置界面右上角的 Online, 獲得 IPv4 值
打開手機的 wifi 設(shè)置, 選中當前使用網(wǎng)絡(luò), 把該網(wǎng)絡(luò)的代理配置為剛剛獲得的 IPv4 值
*配置后點擊 whistle 側(cè)欄的 network, 可以發(fā)現(xiàn)已經(jīng)能抓到 http 請求了
1.4 配置 https
因為現(xiàn)在網(wǎng)頁基本都是 https 了, 所以這一步不可缺少, 因為原文檔比較詳細就不贅述了. 如何配置 https
之后最好 restart 一下 w2 restart
2. 使用 whistle
2.1 創(chuàng)建分組
點擊配置界面頂欄中的+Create, 創(chuàng)建一個新分組, 命名為test
2.2 查看 dom 結(jié)構(gòu): weinre
使用 weinre:
選中 test, 在配置內(nèi)容區(qū)中填寫一條規(guī)則
www.baidu.com weinre://weinre_g1
點擊頂欄的 weinre 下的 weinre_g1, 可以看到熟悉的 weinre 界面
