【3分钟准备前端面试】Hybrid开发 谷歌浏览器调试安卓app

查看数据请求，页面dom结构和样式，日志打印输出，页面缓存等浏览器控制台素有功能，方便调试 检查元素，方便bug的定位

注：该文档是谷歌浏览器调试安卓apk内嵌网页

前提

1. app包需要是debug包，并且app的webview开启debug模式
2. 需要翻墙
3. 安卓手机打开开发者模式，开启usb调试

调试

1. 手机安装apk包，手机usb连接电脑
2. 打开谷歌浏览器，输入：chrome://inspect/#devices
3. 打开APP内嵌网页
4. 弹出usb授权，点允许

inspect显示当前手机型号，表示手机连接成功
inspect显示WebView，有当前打开的页面链接，表示webview调试连接成功

4.点击inspect，会新窗口打开调试界面

5.调试界面

• 页面结构

• 样式

• 可以在控制台改dom结构和样式，手机上也可以看到效果

• 打印输出

• 看请求