uniapp实战 —— 开发微信小程序的调试技巧-摩杜云开发者社区

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

0bfdPFxSVzID 2023年12月19日 15 0

开发环境开发环境 uni-app 开发调试微信小程序微信小程序启动页面启动页面 uni-app 开发调试

手机真机调试微信小程序

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

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

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

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

重新进入小程序，看到下图所示的绿色浮标，即进入了调试模式

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

根据环境自适配参数

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

指定编译页

在微信开发者工具中，增加编译模式

uniapp实战 —— 开发微信小程序的调试技巧_启动页面_04

修改启动页面和启动参数即可。

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

上一篇： uniapp实战 —— 猜你喜欢（含滚动触底分页加载）下一篇： uniapp实战 —— 骨架屏

最后一次编辑于 2023年12月19日 0

暂无评论

推荐阅读

uniapp实战 —— 骨架屏

0bfdPFxSVzID 2023年12月19日 59 0 0 骨架屏骨架屏 xml ci uni-app ico ico ci xml uni-app

uniapp实战 —— 竖排多级分类展示

0bfdPFxSVzID 2023年12月19日 22 0 0 二级高亮 uni-app 二级表数据表数据 uni-app 高亮

uniapp实战 —— 轮播图【数字下标】（含组件封装，点击图片放大全屏预览）

0bfdPFxSVzID 2023年12月19日 56 0 0 封装 ci javascript 封装 vue.js uni-app JavaScript ci vue.js uni-app

uniapp实战 —— 弹出层 uni-popup (含vue3子组件调父组件的方法)

0bfdPFxSVzID 2023年12月19日 38 0 0 弹出层关闭按钮 vue3 uni-popup uni-app 弹出层 vue3 uni-popup uni-app 关闭按钮

uniapp的editor组件在H5上无法点击的问题处理

Bfu2pbramxI2 2023年12月23日 59 0 0 uni-app 下载文件 uni-app h5 h5 下载文件

微信小程序画布canvas2d API使用绘制电影院座位

PCLLrDuzOoyP 2023年12月23日 12 0 0 canvas2d 微信小程序微信小程序 canvas2d

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

0bfdPFxSVzID 2023年12月19日 16 0 0 开发环境开发环境 uni-app 开发调试微信小程序微信小程序启动页面启动页面 uni-app 开发调试

uniapp初级入门-03分类页怎么写

px8Y25gMnWbQ 2023年12月23日 41 0 0 List List 升序 uni-app ico ico 升序 uni-app

uniapp初级入门-04登录注册怎么写

px8Y25gMnWbQ 2023年12月23日 13 0 0 用户名用户名导航栏导航栏 uni-app uni-app h5 h5

uniapp初级入门-05模拟商城完结篇

px8Y25gMnWbQ 2023年12月23日 13 0 0 List ci Data Data uni-app ci uni-app List

uniapp初级入门-scrollview组件如何使用

px8Y25gMnWbQ 2023年12月23日 16 0 0 javascript 创建项目创建项目 JavaScript 前端 uni-app uni-app 前端

uniapp初级入门-02

px8Y25gMnWbQ 2023年12月23日 13 0 0 ci uni-app h5 ico ico ci uni-app h5

0bfdPFxSVzID

作者其他文章更多

uniapp实战 —— 可滚动区域 scroll-view （自适配高度，下拉刷新）

2023-12-22

uniapp实战 —— 弹出层 uni-popup (含vue3子组件调父组件的方法)

2023-12-19

uniapp实战 —— 轮播图【数字下标】（含组件封装，点击图片放大全屏预览）

2023-12-19

uniapp实战 —— 竖排多级分类展示

2023-12-19

uniapp实战 —— 骨架屏

2023-12-19

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

2023-12-19

uniapp实战 —— 猜你喜欢（含滚动触底分页加载）

2023-12-19

css 元素前后添加图标（::before 和 ::after 的妙用）

2023-12-19

uniapp实战 —— 自定义顶部导航栏

2023-12-19

css 十字分割线（含四等分布局）

2023-12-19