PC调试手机上APP的多种方式

Dear 丶 2022-12-27 14:15 582阅读 0赞

与Web端调试相比，移动端调试似乎有很大难度，之前尝试过使用`alert`，页面引入`vconsole`的方式，最近又发现了其他更加方便的调试，顺道整理下来。

1.Chrome浏览器Inspect调试

1）在x5内核下，访问`debugx5.qq.com/`，点击信息，勾选 ‘打开TBS内核Inspector调试功能’；  
2）手机打开开发者模式，允许USB调试；  
3）谷歌浏览器地址栏输入：`chrome://inspect/#devices`，下方可以看到![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3NTA4NTMx_size_16_color_FFFFFF_t_70]  
4）在可以翻墙的基础上，点开`inspect`，就可以看到自己的界面以及`console`控制台了。

2.Fiddler Everywhere抓包工具【Mac端】

抓包工具可以抓取所有的请求以及请求的响应，可以判断响应值来达到调试的目的。

1）手机连接Wi-Fi处选择代理  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3NTA4NTMx_size_16_color_FFFFFF_t_70 1]  
2）打开Fiddler Everywhere，点击设置

3）允许抓取其他设备的请求  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3NTA4NTMx_size_16_color_FFFFFF_t_70 2]  
4）开启拦HTTPS请求，需要下载证书，在手机上安装  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3NTA4NTMx_size_16_color_FFFFFF_t_70 3]  
具体使用方式可以参考：[Fiddler Everywhere][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3NTA4NTMx_size_16_color_FFFFFF_t_70]: /images/20221120/615862e916fa4d1e8df764cdc8db8d76.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3NTA4NTMx_size_16_color_FFFFFF_t_70 1]: /images/20221120/e4481d10a372491091e7ae05c6962edb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3NTA4NTMx_size_16_color_FFFFFF_t_70 2]: /images/20221120/5cedccf38dc047e98cc5bc4a56ba5fae.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3NTA4NTMx_size_16_color_FFFFFF_t_70 3]: /images/20221120/250f23cfc2c24afca9cd925fc16db9f0.png
[Fiddler Everywhere]: https://www.cnblogs.com/jinjiangongzuoshi/p/13577025.html