通过chrome inspect 来调试手机hybird APP

　　hybird APP 虽然显示效果和编译前的前端页面大致相同,但是其中操作可能会调用一些浏览器中没有的接口,从而产生一些意料之外的问题，因此了解和掌握如何调试就变得尤为重要。

本文简要介绍了如何利用chrome浏览器(Chrome/55.0.2883.87)来进行调试hybird APP，并记录了一些作者自身存疑的问题。

1) 使用数据线连接电脑

2) 打开手机开发者模式

　　1) 进入设置页面

　　

　　2) 翻到页面底部,点击关于手机,进入详情页,连续多次点击版本号,系统提示进入开发者模式，在设置里面将会多出开发人员选项。

　　

　　3) 进入开发人员选项中，打开USB调试授权。

3) 打开chrome://inspect页面

　　通常在完成以上三步后,在inspect页面就会出现可调式对象，不过可能会出现以下问题:

　　1) 页面空白

　　　　如果你打开inspect页面发现什么都没有的时候,一般的原因是: 没有开VPN导致无法访问外网,连接上VPN即可。

　　2) 页面并非空白,但是没有设备显示

　　

　　那么一般的原因是,设备没有正确安装驱动,所以无法读出。可以利用驱动精灵检测一下然后安装配套驱动，最后刷新页面，就能解决问题。

4) 在设备列表中,选择指定的设备进行调试。

 

疑问:

1) 如何指定设备名称?

　　我曾遇到在一台电脑上连接两个同类型设备的情况,我分别为两台设备指定了名称，但是在设备列表中并无变化。不知道如何才能改变修改名称?