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

阅读541评论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中会显示打开的网页,需要调试那个网页就点击它下方的inspect。

image.png

手机上的页面就同步到PC端了,可以在线DOM了,修改css了这些熟悉的操作都可以。

到这里估计还有人会遇到问题。。。。

    问题一:inspect打开后,报404

    解决办法:估计你是第一次使用,电脑上没chrome的组件,这个就比较麻烦了。如果你使用的是非谷歌内核的浏览器,估计不会遇到这个情况。Chrome的话就得搭梯子了。。。

    

    问题二:inspect打开后空白

    解决办法:和上面的一样,搭梯子吧


至于如何搭梯子,想必都有自己的办法吧,(*^▽^*)

什么v2rayN了,shadowsocks了等等,这里就不多言了,言多必失啊!

传送门:

    https://github.com/shadowsocks/

    https://github.com/v2ray/v2ray-core/releases/



0 位网友评论:

欢迎来评论

请填写验证码