小程序测试之微信开发者工具

2024-06-07 13:42:04

一、为什么要使用微信开发者工具？

小程序的测试方法有很多种，直接用真实测试机扫码体验版就可以测试，那为什么还要选择使用工具呢？
使用微信开发者工具的优势：
1、相比真机测试，使用工具可以节省资源，大公司感受不到，小公司真的没有那么多测试机过兼容哇哇
2、小程序内部的跳转，有些可能逻辑复杂，不好造条件，使用工具可以直接跳转页面测试
3、抓包、看接口很方便
4、其他我没有深入了解的优势
5、多会一个工具，面试吹一下

二、安装微信开发者工具

1、下载微信开发者工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2、安装，没有什么特别的，下一步下一步

三、使用微信开发者工具

1、登录已开通开发者权限的微信账号，导入小程序的安装包，选择小程序包路径，和正确的appid：

上图导入打好的包：这个包可以找开发打，打好提供包就可以，也可以自己打，打包方法另一篇博文有写到

2、愉快的探索开发者工具测试小程序
设置：

四、微信小程序内部使用的一点点介绍

小程序内抓包：

机型切换测试兼容：

三种编译模式：

页面测试，可以在这里直接跳转：

链接添加参数直接跳转：

扫描二维码跳转：

真机调试：
1、需要对应真机登录已开通开发者权限的账号

2、PC端真机调试：

3、手机端真机调试：

小程序测试之微信开发者工具相关推荐

【微信小程序】微信开发者工具的使用
微信开发者工作是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能.下面来介绍下自己的针对小程序和微信开发者工具的使用心得. 下载地址:开发者工具下载地址 1.下载并安装以后打 ...
微信小程序（微信开发者工具及工程创建、小程序配置、逻辑层、模块化）
一.阶段概述 1.课程安排课程市场:14+1 课程安排:微信小程序:5uniapp:5数据可视化:4答辩:1 2.项目展示小u商城数据可视化 3.阶段目标 1.培养学员能力独立完成小程序原生开发 ...
从零开始编写一个微信小程序（微信开发者工具+JS+WuxUI组件库+云开发）万字整理，建议收藏！
微信小程序-魔镜笔记&源码(微信开发者工具+JS+UI组件库+云开发) 效果展示视频演示经历了一次升级之后,我的小程序怎么样了? 文章目录微信小程序-魔镜笔记&源码(微信开发 ...
【微信小程序】微信开发者工具 app.json: [“subpackages“][0][“root“] 字段需为目录已解决
前言微信开发者工具 > 小程序分包的时候报错app.json: ["subpackages"][0]["root"] 字段需为目录解决解决办法很简 ...
微信小程序开发微信开发者工具快捷键
微信小程序已经跑起来了.快捷键设置找了好久没找到,完全凭感觉.图贴出来.大家看看. 我现在用的是0.10.101100的版本,后续版本更新快捷键也应该不会有什么变化. 现在貌似不能修改.如果有同学找到 ...
小程序：微信开发者工具中页面一片空白怎么办？
试过网上的更新工具,重启什么的,都无效. 后面找到办法了:䠀地雷. 先删除 wxml 中的所有内容,换成最简单的 <view>Hello world!</view> 保存,再进 ...
(uniapp-快速入门)运行到小程序模拟器微信开发工具
1.新建uniapp项目(HBuilder X) HBuilder X安装包快速通道 2.打开微信开发者工具点击确认开启服务窗口 3.运行到小程序模拟器--微信开发者工具此时会弹出个弹窗让你输入 ...
微信小程序之微信开发工具使用教程详解
如果你要开发自己的微信小程序或者小游戏,微信开发者工具是必不可少的,因为有些微信封装的方法只有微信开发者工具上才能使用,还有一个重要的原因就是,我们提交我们的代码审核必须通过该工具来提交,所有要做微信 ...
小程序-云开发-开发者工具 VS 云控制台
虽互不曾谋面,但希望能和你成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊撰文 | 川川 VX-ID:suibichuanji 文 ...
微信小程序上传图片后开发者工具自动刷新问题
问题描述:通过wx.uploadFile上传图片后,小程序端还没来得及显示服务端返回已成功上传的文件信息,小程序开发者工具就自动刷新,不论你如何打断点,都不会停下来,导致无法保存上传的数据. 在网上找 ...

最新文章

热门文章