前提条件:
1、mac或者window需要安装adb
2、手机需要安装Google
3、处于fq的网络中
什么是adb?
Android Debug Bridge(安卓调试桥) tools。它就是一个命令行窗口,用于通过电脑端与模拟器或者是设备之间的交互。
ADB是一个C/S架构的应用程序,由三部分组成:
运行在pc端的adb client:
命令行程序”adb”用于从shell或脚本中运行adb命令。首先,“adb”程序尝试定位主机上的ADB服务器,如果找不到ADB服务器,“adb”程序自动启动一个ADB服务器。接下来,当设备的adbd和pc端的adb server建立连接后,adb client就可以向ADB servcer发送服务请求;
运行在pc端的adb server:
ADB Server是运行在主机上的一个后台进程。它的作用在于检测USB端口感知设备的连接和拔除,以及模拟器实例的启动或停止,ADB Server还需要将adb client的请求通过usb或者tcp的方式发送到对应的adbd上;
运行在设备端的常驻进程adb demon (adbd):
程序“adbd”作为一个后台进程在Android设备或模拟器系统中运行。它的作用是连接ADB服务器,并且为运行在主机上的客户端提供一些服务。
- 安装方式
// 安装
brew cask install android-platform-tools
- 使用方式
// 启动服务
adb start-server
// 停止服务
adb kill-server
// 查看已经连接的硬件
adb devices
// 注意:
// 需要手机开启开发者模式并打开USB调试
安装完adb以后
开始打开Google浏览器
输入chrome://inspect/#devices
,进入到
如果手机连接成功,会出现红框中的硬件信息,以及浏览器中正在浏览的网页和混合式app中h5页面【webview】点击inspect进入
这里需要注意能看到webview的页面,需要端上【Android和ios】给到h5的权限,代码如下
如果是404
1、检查ping通chrome-devtools-frontend.appspot.com 和 chrometophone.appspot.com,如果ping不通,则需要配置host
如果获取host配置,在网页中输入这两个链接,点击ping,找到响应时间最短的IP
在mac中打开命令行工具
vi /etc/hosts
输入host配置保存退出
这步操作就是保证浏览器能访问这两个域名,因为inspect是国外的资源,如果ping不通,则这个工具不能使用
2、如果还是404,需要清除浏览器的缓存,在浏览中的url地址栏中输入chrome://appcache-internals/#