注意:仅限vue页面

  1. 打开HBuilderX -> 视图 -> 显示Webview调试控制台(勾选)

HBuilderX的uniapp项目APP之Webview调试(像开发网页一样开发APP)插图

  1. Webview调试 – > 真机运行自动打开Webview调试(勾选)

HBuilderX的uniapp项目APP之Webview调试(像开发网页一样开发APP)插图(1)

  1. 运行 – > 运行到手机或模拟器 -> 运行到Android APP基座或其他

HBuilderX的uniapp项目APP之Webview调试(像开发网页一样开发APP)插图(2)

  1. 选择基座(若无自定义则选择标准基座) -> 运行
    HBuilderX的uniapp项目APP之Webview调试(像开发网页一样开发APP)插图(3)

  2. 手机APP跳转到测试页面(比如 下图页面为 pages/message/myChat

HBuilderX的uniapp项目APP之Webview调试(像开发网页一样开发APP)插图(4)

  1. 滚动页面找到测试路由 -> 点击 inspect(调试)

HBuilderX的uniapp项目APP之Webview调试(像开发网页一样开发APP)插图(5)

  1. 自动打开浏览器跳转到Webview调试视图层

HBuilderX的uniapp项目APP之Webview调试(像开发网页一样开发APP)插图(6)

后面就可以根据web开发经验进行调试

关于js及nvue页面推荐下载uniapp APP调试插件

本站无任何商业行为
个人在线分享 » HBuilderX的uniapp项目APP之Webview调试(像开发网页一样开发APP)
E-->