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

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

注意:仅限vue页面

  1. 打开HBuilderX -> 视图 -> 显示Webview调试控制台(勾选)
  1. Webview调试 - > 真机运行自动打开Webview调试(勾选)
  1. 运行 - > 运行到手机或模拟器 -> 运行到Android APP基座或其他
  1. 选择基座(若无自定义则选择标准基座) -> 运行

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

  1. 滚动页面找到测试路由 -> 点击 inspect(调试)
  1. 自动打开浏览器跳转到Webview调试视图层

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

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

转载请说明出处内容投诉
CSS教程_站长资源网 » HBuilderX的uniapp项目APP之Webview调试(像开发网页一样开发APP)

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买