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