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

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

准备工作：

    1、手机

    2、USB数据线

    3、Android SDK

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

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

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

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

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

    问题一：没有显示设备

    解决办法：

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

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

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

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

手机打开网页后，在PC浏览器的DevTools->devices中会显示打开的网页，需要调试那个网页就点击它下方的inspect。

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

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

    问题一：inspect打开后，报404

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

    问题二：inspect打开后空白

    解决办法：和上面的一样，搭梯子吧

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

什么v2rayN了，shadowsocks了等等，这里就不多言了，言多必失啊！

传送门：

    https://github.com/shadowsocks/

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