前端进行APP开发时,常会遇到调用插件时出现的问题没有办法通过浏览器进行调试解决,这时候就只能通过真机调试。总结一下通过USB连接手机进行调试的方法。
物品:一条数据线(最好是原装的,试过3合1的数据线没有用)、安卓手机
电脑:安装Android SDK Platform-Tools, 需要用到与Android平台交互的工具adb
一、电脑设置
1、下载Android SDK Platform-Tools
win+R打开cmd,输入adb:
如果提示'adb' 不是内部或外部命令,也不是可运行的程序或批处理文件,说明还没安装Android SDK Platform-Tools或是还没配置环境变量。
Android SDK Platform-Tools下载链接
下载后将解压后的各个应用程序和应用扩展程序复制到D:\AndroidSDK\platform-tools,放的位置自己定咯。
2、环境变量配置
直接在win10搜索栏里搜索环境变量编辑,即可进入环境变量设置面板,从系统属性进去也一样。
环境变量->系统变量->Path->编辑->新建->输入platform-tools所在文件夹->保存:
再重新打开cmd输入adb devices:
嗯PC环境就准备好了。
二、Android手机设置
设置->开发者选项->开启开发者选项->开启USB调试(每部手机入口不大一样,自己慢慢摸索)
然后用USB线将手机连上电脑,手机弹出的USB选项里注意不要选择仅充电,选择传输文件,总之就是给高权限就对了。
再打开cmd输入adb devices:
完美,有了。
三、开始调试
之后打开Chrome,输入chrome://inspect/#devices就可以进入真机调试页面。
每个webview会有对应的记录,每次打开新页面浏览器会有一点点延迟显示最新的webview,等等就行,点击inspect就可以进入相应的调试页。
是不是和本地运行浏览器调试界面一样,就可以愉快的开始调试了。