当前位置:   article > 正文

HBuilderX的uniapp项目APP之Webview调试(像开发网页一样开发APP)_hbuilder开发app怎么调试样式

hbuilder开发app怎么调试样式

注意:仅限vue页面

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

img

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

img

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

img

  1. 选择基座(若无自定义则选择标准基座) -> 运行
    在这里插入图片描述

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

img

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

img

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

img

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/227485?site
推荐阅读
相关标签
  

闽ICP备14008679号