Hybrid开发 app内嵌H5谷歌浏览器调试方法 Mac调试方法

目录

    • Windows电脑调试方法
      • 要求
      • 常见问题
    • Mac电脑调试方法

本文档介绍:在Hybrid app开发中,app内嵌H5在Windows电脑调试方法和Mac电脑上的调试方法
app内h5不易调试,浏览器真机调试更加方便:查看数据请求,页面dom结构和样式,日志打印输出,页面缓存等浏览器控制台所有功能,方便调试,检查元素,方便bug的定位

注:app是安卓apk包

Windows电脑调试方法

  1. 手机安装apk包,手机usb连接电脑
  2. 打开谷歌浏览器,输入:chrome://inspect/#devices
  3. 打开APP内嵌网页
  4. 弹出usb授权,点允许
    Hybrid开发 app内嵌H5谷歌浏览器调试方法 Mac调试方法_第1张图片

inspect显示当前手机型号,表示手机连接成功
inspect显示WebView,有当前打开的页面链接,表示webview调试连接成功
Hybrid开发 app内嵌H5谷歌浏览器调试方法 Mac调试方法_第2张图片

4.点击inspect,会新窗口打开调试界面

你可能感兴趣的:(前端问题解决汇总(即查即用),android,macos,web,app)