使用Chrome浏览器调试移动端网页chrome://inspect/#devices

我使用的是小米&＃xff08;红米NOTE2 &＃xff09;,电脑是win 10 系统&＃xff0c;以下几步就可以轻松使用浏览器内置的功能调试移动端网页了&＃xff1a;

1. 手机开启调试模式连接电脑&＃xff0c;确保是调试模式连接的&＃xff08;不知道怎么打开调试模式的可以参考&＃xff1a;http://jingyan.baidu.com/article/046a7b3ee3b565f9c27fa9b2.html&＃xff09;&＃xff1b;

2. 手机上打开一个网页&＃xff0c;只要是webview形式的网页应该都是可以的&＃xff1b;

3. 电脑chrome浏览器地址栏输入&＃xff1a;chrome://inspect/#devices &＃xff0c;会看到如下图的情况&＃xff08;上面会看到你所连接的设备的名称和信息&＃xff0c;下面就是当前设备上可以用于在电脑上调试的页面的一下信息&＃xff0c;地址、标题、网页大小。。。&＃xff0c;如果没有显示设备信息&＃xff0c;则表示没有连接好&＃xff0c;可以插拔手机或关闭调试模式重开一下&＃xff09;&＃xff1b;

4. 找到你准备调试的那个&＃xff0c;并且确保手机上的那个页面也是处于激活状态的的&＃xff0c;然后点击蓝色的 inspect 链接&＃xff0c;会弹出一个新的窗口&＃xff1b;

5. 熟悉的界面出现了&＃xff0c;接下来你应该知道怎么用了&＃xff0c;&＃xff08;恭喜&＃xff01;&＃xff01;&＃xff01;&＃xff09;

检查元素↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

控制台↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

查看网络情况↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

最后补充一下, 实在连接不成功, 可以尝试使用微信官方给的这个办法, 使用 adb 工具进行 运行命令 adb kill-server -> adb start-server -> adb devices

4. 电脑死活adb连接不成功&＃xff1f;

解决方案&＃xff1a;

方案一&＃xff1a; 确保USB与PC的连接

1) 请确保USB连线能正常连通PC和手机&＃xff08;非常重要呀&＃xff01;&＃xff09;

简单确认方法&＃xff1a;手机状态栏显示为充电状态。

2) 请确保PC的USB驱动已正常安装&＃xff0c;可以在控制面板“设备管理器” “通用串行总线控制器”中确认无异常USB设备显示。

3) 点击重置&＃xff0c;再次“启动检测”。

方案二&＃xff1a; 使用adb启动

1) 使用内置adb包&＃xff08; win下载, mac下载&＃xff09;&＃xff0c;手动启动adb

运行 adb devices

2) 找到设备&＃xff0c;点击重置&＃xff0c;再次“启动检测”

3) 未找到设备&＃xff0c;或者offline

　　① 运行命令 adb kill-server -> adb start-server -> adb devices

　　② 重拔usb链接调试设备

　　③ 重启调试设备

　　④ 重启电脑...

方案三&＃xff1a; 安装PC应用宝

方案四&＃xff1a; 安装android SDK