Chrome Devtool

手机开启调试

• 手机与电脑连接数据线
• 开启开发者选项，开启USB调试

开启inspect debug

微信打开 debugx5.qq.com ， 信息 -> TBS settings 勾选 打开TBS内核Inspect调试功能 等。

打开调试窗口

Chrome进入 chrome://inspect/#devices ，在 Remote Target 下列表链接，点击 inspect 进入调试窗口。

注意：需要FQ

代理进入调试窗

在 ping.chinaz.com ping下列主机，把国内可访问的ip作为代理，写入host文件。

199.59.148.140 chrome-devtools-frontend.appspot.com
31.13.85.1 chrometophone.appspot.com

weinre

安装

npm install weinre

启动

# httpPort 端口
# boundHost 指定ip
> node.exe node_modules\weinre\weinre --httpPort 8888 --boundHost 192.168.31.95 -all-
> 2020-08-01T03:29:50.062Z weinre: starting server at http://192.168.31.95:8888

在预调试html添加脚本

<script src="http://192.168.31.95:8888/target/target-script-min.js#anonymous"></script>

打开调试窗

http://192.168.31.95:8888/client/#anonymous

缺点

• 不能清理缓存
• xhr 返回数据json不是格式化

spy-debugger

特性

• 页面调试，抓包
• 集成weinre、node-mitmproxy、Anyproxy
• 只拦截webview发出的api

安装

> npm install spy-debugger -g
> node.exe spy-debugger
正在启动代理
本机在当前网络下的IP地址为：192.168.31.95
node-mitmproxy启动端口: 9888 #默认端口
浏览器打开 ---> http://127.0.0.1:3325

手机配置

• 和电脑处于同一局域网
• 设置手机代理，ip为电脑局域ip，端口为 node-mitmproxy启动端口
• 手机安装证书，在浏览器打开地址 http://spydebugger.com/cert 下载，打开安装

进入调试

http://127.0.0.1:3325

eruda调试

在 head 加入下面代码。

<script src="https://cdn.jsdelivr.net/npm/eruda@2.4.1/eruda.min.js"></script>
<script>eruda.init()</script>

标签：node,weinre,端口,H5,http,移动,com,调试
来源： https://blog.csdn.net/heartcnc/article/details/115183939