APP和H5联调

一、安卓
需要借助Chrome谷歌浏览器

1. 手机usb接入电脑，设置成开发者模式并允许调试
2. 谷歌浏览器地址栏输入chrome://inspect进入设备页面，如图一所示
   
   

   图一.png
3. 在你的代码中添加如下代码

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            WebView.setWebContentsDebuggingEnabled(true);
        }

4. 进入APP中你要调试的webview
5. 点击inspect进行调试

二、苹果
需要借助Safari苹果浏览器

1. 打开模拟器/真机的开发者模式（模拟器是默认开启的） "设置"->"Safari"->"高级"->"Web检查器" 打开，如图二

   
   
   

   图二.png

2.打开Mac上Safari的开发者模式

Safari ->“偏好设置” -> “高级” -> “在菜单栏中显示开发选项”

image.png

3.在模拟器／真机中打开APP中的WebView页面，并打开Safari

“开发” ->“Simulator或者你的真机名称” ->“网页文档名称”

image.png