uniapp实战 —— 开发微信小程序的调试技巧

这篇具有很好参考价值的文章主要介绍了uniapp实战 —— 开发微信小程序的调试技巧。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

手机真机调试微信小程序

开发版和体验版的小程序,域名没有备案时想调试接口访问效果,可以按下述方式操作:

在手机上点右上方三个点,点击“开发调试”,开启调试模式,即可真机访问接口(跳过域名校验)

uniapp小程序真机调试,# uni-app,uni-app,微信小程序
uniapp小程序真机调试,# uni-app,uni-app,微信小程序
重新进入小程序,看到下图所示的绿色浮标,即进入了调试模式

uniapp小程序真机调试,# uni-app,uni-app,微信小程序

根据环境自适配参数

  // 开发环境时值为 30, 其他环境(如生产环境)时值为 1
  page: import.meta.env.DEV ? 30 : 1,

指定编译页

在微信开发者工具中,增加编译模式
uniapp小程序真机调试,# uni-app,uni-app,微信小程序
修改启动页面和启动参数即可。
uniapp小程序真机调试,# uni-app,uni-app,微信小程序

查看页面跳转传递的参数

uniapp小程序真机调试,# uni-app,uni-app,微信小程序文章来源地址https://www.toymoban.com/news/detail-770559.html

到了这里,关于uniapp实战 —— 开发微信小程序的调试技巧的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app开发微信小程序

    编辑器:HubilderX 运行环境:微信开发者工具 技术栈:uni-app + vue + uView + uCharts + LeanCloud 创建微信小程序项目时,我才用了vue前端框架 PS:用的是HbuilderX编辑器 1. 注册微信小程序 注册完后,获取微信小程序的AppID,并在manifest.json文件配置; 2. 导入uView和uCharts组件库 使用uni-

    2024年02月16日
    浏览(89)
  • 前端Uni-app开发微信小程序|微信小程序手机商城

    作者主页:编程指南针 作者简介:Java领域优质创作者、CSDN博客专家 、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师 主要内容:Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库

    2024年02月12日
    浏览(60)
  • 如何使用uni-app开发微信小程序

    uni-app 是一个使用 Vue.js 开发所有前端应用的框架。开发者编写一套代码,可发布到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。 详细的 uni-app 官方文档,请翻阅https://uniapp.dcloud.net.cn uni-app 官方推荐使用 HBuilderX 来开发 uni-ap

    2024年02月10日
    浏览(121)
  • UNI-APP开发微信小程序的基本流程

    需提前准备的工具:HBuilder X ,微信开发者工具 登录小程序官网,如已有账号,则直接登录。 无账号,申请完账号后,进入账号填写相关信息,获取appId。 获取appId:【开发-开发管理-开发设置】 【文件】-【新建】-【项目】: 点击【manifest.json】,将微信小程序的配置信息填

    2024年02月06日
    浏览(50)
  • 微信小程序真机调试

    以下方法基于:windows系统 开启开发者模式 设置——系统——关于手机——点击版本号 开启开发者模式 小米点击7次 USB调试开启 设置——系统——开发人员选项——USB调试开启 注意如果有允许usb 安装应用,需要开启 用数据线把手机和电脑连起来 Hbuilder下载真机调试插件 工

    2024年02月12日
    浏览(56)
  • 使用uniapp写小程序,真机调试的时候不显示log

    当小程序文件太大的情况下使用真机调试,但是真机调试的调试器没有任何反应 使用uniapp写小程序,真机调试的时候不显示log 提示:因为真机调试的时候没有压缩文件,所以调试的时候文件大于2M,所以不显示任何打印结果 提示:在运行小程序的时候点击:运行时压缩代码

    2024年01月18日
    浏览(51)
  • 微信小程序真机调试问题

    error occurs:ENOENT: no such file or directory, access ‘/storage/emulated/0/Android/data/com.tencent.mm/MicroMsg/wxanewfiles/7aa4b87a5745cb4ba620783bdc762db2/miniprogramLog/log2’ 解决: 换为真机1.0 版。 解决 : 1,勾选不校验合法域名。 2,开启手机自身的开发者模式。 每种手机如何开启,具体百度。 3,将小程

    2024年02月13日
    浏览(46)
  • uni-app 开发微信小程序 自动化编译/启动项目

          最近开发一个uni-app的小程序项目,因为习惯使用vscode 而项目不得不借助hbuderx 运行,微信开发工具调试,偶尔还需要使用 ios模拟器, 8g内存的mac 就变的异常卡顿,所以就研究了下通过npm命令去编译、 运行等工程化配置, 这样就不用运行hbuderx 减少内存使用,顺便 

    2024年02月07日
    浏览(57)
  • VUE(uni-app框架)开发微信小程序③-显示隐藏

    uni-app控制显示隐藏的方式有两种,【v-if】 和   【v-show】 v-if:通过控制虚拟dom树的节点来达到控制式样的显示和隐藏,当参数为false的时候,该节点被删掉,当为true的时候则显示。 v-show:通过css样式中的dispaly:none来控制元素的显示和隐藏 代码如下: 显示效果如下:  通

    2024年02月16日
    浏览(59)
  • uni-app使用HBuilder X工具和微信小程序工具开发微信小程序

    选择uni-app的原因是什么 需要使用到的工具 关于HBuilder X工具和微信小程序工具的介绍  怎么下载HBuilder X工具和微信小程序工具  如何使用HBuilderX工具 如何使用微信小程序工具  结尾 什么是uni-app uni-app是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到

    2024年02月08日
    浏览(69)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包