APP和H5联调

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

  1. 手机usb接入电脑,设置成开发者模式并允许调试
  2. 谷歌浏览器地址栏输入chrome://inspect进入设备页面,如图一所示
    APP和H5联调_第1张图片
    图一.png
  3. 在你的代码中添加如下代码
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            WebView.setWebContentsDebuggingEnabled(true);
        }
  1. 进入APP中你要调试的webview
  2. 点击inspect进行调试

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

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


    APP和H5联调_第2张图片
    图二.png

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

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


APP和H5联调_第3张图片
image.png

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

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


APP和H5联调_第4张图片
image.png

你可能感兴趣的:(APP和H5联调)