chrome://inspect 移动前端调试方案(Android + Chrome 实现远程调试)

1 准备
为了完成这一亮骚的移动调试功能我们需要以下准备工作

1.pc端安装最新的chrome
2.手机端安装最新的chrome (Android机)
3.USB连接线

(感觉是不是too simple)
Tip:之前的的chrome如果要实现这种调试需要安装一个ADB插件(需要FQ) 但是最新的chrome已经直接支持对Android的识别 所以也不用再在chrome上安装ADB插件了 但需要下载最新的chrome

2. 步骤

四:步骤
下来我们逐步完成
1.假设你已经在电脑上下载了最新的chrome 也在手机上下载了最新的chrome

2.USB设置 在你的手机里打开"设置"->"开发人员工具"->"USB调试" 打开USB调试。 因为Android手机型号众多 很多人找不到"USB调试这个选项在哪" 而且大多数手机"开发者选项"默认是影藏的,你需要看下自己的手机说明然后将手机调到"开发者模式" 就可以找到 "USB调试了" 
3.假设你已经将手机设置为"USB调试"打开的状态 将手机连接到电脑 手机会弹出是否链接 点击确定

4.打开电脑的chrome 在地址栏输入 chrome://inspect  选中 Discover USB devices 可以检测到你的设备 可以看到监测到我的设备是M351 魅族X3

chrome://inspect 移动前端调试方案(Android + Chrome 实现远程调试)_第1张图片

** 有的手机不能成功, 一定要注意是在安卓开发者模式里面选择USB 接口模式一定要选择文件模式,不是充电模式。
另外一定要安装USB 驱动。

华为手机,USB驱动是直接安装上了,插上电脑就能看到驱动盘,如果需要自己手动安装的比如小米,oppo 都需要自己去官网下载。

如果实在解决不了驱动的问题,就直接使用安卓机的自带浏览器来调试吧。
把本地服务起来,然后把安卓机代理设置好,安装对应的代理证书。
在默认浏览器里面打开地址即可。这样就能做到本地一遍coding,安卓机上能实时的看效果。

你可能感兴趣的:(编辑器)