电脑chrome或者其他浏览器inspect真机远程调试教程

阅读175 评论0
使用PC端的浏览器,如:Chrome,远程真机调试前端页面。手机需要开启USB调试。准备工作:    1、手机    2、USB数据线    3、Android SDK下载安装Android SDK,下载地址:http://tools.an...

使用PC端的浏览器,如:Chrome,远程真机调试前端页面。手机需要开启USB调试。

准备工作:

    1、手机

    2、USB数据线

    3、Android SDK


下载安装Android SDK,下载地址:http://tools.android-studio.org/index.php/sdk

具体安装教程不就多说了,不会的百度下吧。


下面开启远程真机调试,以Chrome浏览器为例,其他浏览器也是大同小异。

1、在浏览器中新打开一个标签页,输入:chrome://inspect/#devices

image.png

这里一般会有人出现问题,博主总结下问题以及解决办法。

    问题一:没有显示设备

    解决办法:

                1、首先确保手机开启USB调试,不会的百度吧。。

                2、ADB Interface驱动安装失败,查看Android SDK是否安装成功。

以上两处都排查OK了,基本是不会出现什么意想不到的问题的。


用手机浏览器打开需要调试的网页,博主测试在手机未安装任何插件的情况下,UC浏览器获取不到数据,,可能是手机问题吧,不纠结这个了。


手机打开网页后,在PC浏览器的DevTools->devices中会显示打开的网页,需要调试那


0 位网友评论:

欢迎 来评论

请填写验证码