为什么要用此方法进行调试不再赘述，请看上篇文章iOS调试。但是不同于iOS的是：此方法安卓手机上必须装Chrome浏览器，但是一般app都是用的手机系统自带的浏览器来展示webview页面，所以并不能针对手机兼容性进行调试。但是调试真机页面展示还是OK的。
1、准备：
（1）装有Chrome浏览器的安卓手机一台，并打开手机的USB调试（一定要准备一根可以传输数据的线连接手机）
（2）电脑端Chrome浏览器
2、数据线连接手机并允许USB调试
3、连接成功后打开电脑端的Chrome浏览器，打开控制台，选择「右侧三个点」-- 「More tools」-- 「Remote devices」，如图1-1：
1-1.png
4、然后会出现如下提示，如图1-2:
1-2png
5、点击chrome://inspect/#devices，就会看到已连接的手机，如图1-3
1-3.png
6、在手机的Chrome浏览器中打开要调试的页面，此页面就会展示在电脑端，点击inspect就可以进入调试页面了，如图：
选择页面.png
页面调试.png
手机展示png
7、在上面可以直接修改或修改代码，就可以立即呈现在连接的手机上了，如图:
页面修改后展示.png
修改后手机展示.png
网友评论