Skip to content

Latest commit

 

History

History
58 lines (30 loc) · 1.42 KB

README.md

File metadata and controls

58 lines (30 loc) · 1.42 KB

whistle.devtool

安装

npm i -g whistle.devtool

使用

第一步:把不代理地址删除,一定要要把 whistle 站点代理上,这一点很重要!!!

17165274650391716527464167.png

然后切换到whistle代理

第二步:配置域名规则

# 将流量走到插件里
juejin.cn whistle.devtool://
# 去掉缓存,防止sdk无法注入
juejin.cn disable://cache

第三步:手机连接代理

第四步:开始调试

  1. F12打开控制台, 用于查看log
  2. 打开Inspectors下的Preview, 用于查看预览
  3. 用手机打开页面

17165280890611716528088391.png

远程执行命令

直接在whistle的控制台输入ev('alert(1)') 即可执行js脚本

17165282920611716528291346.png

分享抓包内容

BE20240526221329.png

BE20240526221216.png

修改样式和文字

你可以直接使用Chrome DevTool的Element面板来 修改样式和文字、新增节点、删除节点,会实时同步到你的移动端webview