关于混合式开发中使用google联调h5

前提条件：
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/#