关于移动端本地代码调试（基于android和chrome）

1.准备

基于windows下的chrome和android系统的是手机进行调试的时候是有一些先决条件,那么先说一下基本的要求:

开发计算机（Windows）上已安装 Chrome 32 或更高版本。

开发计算机（Windows）上已安装 USB 驱动程序（官方驱动，豌豆荚，360助手等等 ）。

确保设备管理器报告正确的 USB 驱动程序

拥有一根可以将您的 Android 设备连接至开发计算机的 USB 电缆。

Android 4.0 或更高版本。

Android 设备上已安装 Chrome（Android 版）。

2.步骤

(1)发现android设备

在 Android 设备上，选择 设置->开发者模式->打开开发者和usb调试。

在开发计算机上打开 Chrome（远程调试在隐身模式或访客模式下无法运行）

打开 DevTools

在 DevTools 中，点击 Main Menu 主菜单，然后选择 More tools > Remote devices

在 DevTools 中，点击 Settings 标签

确保已启用 Discover USB devices



用usb连接手机和计算机，如果这是首次将您的 Android 设备连接到此开发计算机，设备将显示在 Unknown 中，其下面具有文本 Pending Authorization。

如果设备显示为 Unknown，则在 Android 设备上接受 Allow USB Debugging 权限提示。 Unknown 被替换为 Android 设备的型号名称。 绿色圆圈和 Connected 文本表示您已大功告成，可以从开发计算机远程调试Android 设备。

（2）在开发计算机上调试android设备上的内容

在安卓手机上打开chrome浏览器

在开发计算机上选择到你的移动设备

输入一个url，点击右边的open

在下面列表找到对应的url,点击右侧的inspect，页面跳转到developer tools页面，就可以愉快的进行调试了

如果没有出现内容，那么就需要进行翻墙



参考地址：https://github.com/jieyou/remote_inspect_web_on_real_device?utm_campaign=email_admin&utm_source=trigger-email&utm_medium=email