在chrome上调试安卓手机页面及部分异常解决

在chrome上调试安卓手机页面及部分异常解决

在前端设计app页面时，有些调试布局、查看控制台打印信息或者查看请求需要通过调试器进行调试查看，但是在手机上我们除了装插件，一般无法进行调试，而chrome的chrome://inspect/#devices给我们提供了安卓在浏览器上调试的方法。

第一步
打开手机上的开发者模式，具体打开方式，可以根据手机型号自行进行百度
第二步
用数据线将手机和电脑关联在一起
第三步
在chrome浏览器上访问chrome://inspect/#devices网页，等待一会儿就会查看到当前手机正在访问的进程，然后点击inspect进行页面访问
问题一：点击inspect访问页面报404：
解决办法：
①可以重新关闭，然后打开手机的开发者模式尝试重新访问连接
②或者点击旁边的inspect fallback查看
问题二：页面空白
解决办法：
需要先激活当前tab页，也就是选中focus tab后再点击inspect或者Open tab with url 新打开一个页面 ，调试页面正常显示了。