如何通过电脑调试手机APP应用里的webView?

原文地址:https://dsx2016.com/?p=319

➢ 浏览器调试模式

软件:chrome浏览器

使用:地址栏打开chrome://inspect/#devices

说明:打开app,浏览器会自动检测到webview打开的网页

前提:建议开启*,chrome的服务建立在这个基础之上

如何通过电脑调试手机APP应用里的webView?

➢ 腾讯 TBS Studio

软件:TBS Studio

地址:https://x5.tencent.com/tbs/guide/debug/download.html

使用:按照官网提示步骤来

说明:当chrome失败的时候再来考虑这个方案

前提:USB授权和手机开发者选项设置需要调试的程序

特殊:

1.有时候TBS Studio成功后,chrome也跟着好了

2.手机记得适配驱动(自动安装/官网下载/手机助手)

如何通过电脑调试手机APP应用里的webView?

➢ mac iphone的调试

硬件:iphone + mac

使用:先设置iphone Safari,再设置mac Safari

说明: window无法调试iphone

备注:可以考虑安装黑苹果or VM mac虚拟机,效果待测试

➢ 设置手机

设置(Setting) –> Safari

如何通过电脑调试手机APP应用里的webView?

高级

如何通过电脑调试手机APP应用里的webView?

打开web检查器

如何通过电脑调试手机APP应用里的webView?

➢ 设置mac

打开MacSafari 的开发者模式

如何通过电脑调试手机APP应用里的webView?

将手机通过数据线连接到电脑, 用手机打开一个webview

如何通过电脑调试手机APP应用里的webView?

电脑端打开safari –> 开发 –> 找到你要监控的设备名字 –> 选中该设备下打开的webviewurl 即可进入调试界面

如何通过电脑调试手机APP应用里的webView?