微信开发者工具是微信公众号官方推出的一款专门给用户制作微信小程序和给公众号添加新的功能的软件,对于懂得编程的用户来说,这是款非常好用的工具,用户可以用微信开发者工具实现对公众号的接口功能,也可以用微信开发者工具制作游戏、小程序,有需要的可以下载使用。
为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的 微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。
使用公众号网页调试,开发者可以调试微信网页授权和微信JS-SDK
使用小程序调试,开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。
菜单栏
微信web开发者工具
切换帐号:快速切换登录用户
关于:关于开发者工具
检查更新:检查版本更新
开发者论坛:前往开发者论坛
开发者文档:前往开发者文档
调试:调试开发者工具、调试编辑器;如果遇到疑似开发者工具或者编辑器的 bug,可以打开调试工具查看是否有出错日志,欢迎在论坛上反馈相关问题
更换开发模式:快速切换公众号网页调试和小程序调试
退出:退出开发者工具
项目
新建项目:快速新建项目
打开最近:可以查看最近打开的项目列表,并选择是否进入对应项目
查看所有项目:新窗口打开启动页的项目列表页
关闭当前项目:关闭当前项目,回到启动页的项目列表页
文件
新建文件
保存
保存所有
关闭文件
编辑:可以查看编辑相关的操作和快捷键
工具
编译:编译当前小程序项目
刷新:与编译的功能一致,由于历史原因保留对应的快捷键 ctrl(?) + R
编译配置:可以选择普通编译或自定义编译条件
前后台切换:模拟客户端小程序进入后台运行和返回前台的操作
清除缓存:清除文件缓存、数据缓存、以及授权数据
界面:控制主界面窗口模块的显示与隐藏
设置:
外观设置:控制编辑器的配色主题、字体、字号、行距
编辑设置:控制文件保存的行为,编辑器的表现
代理设置:选择直连网络、系统代理和手动设置代理
通知设置:设置是否接受某种类型的通知
工具栏
点击用户头像可以打开个人中心,在这里可以便捷的切换用户和查看开发者工具收到的消息。
用户头像右侧是控制主界面模块显示/隐藏的按钮。至少需要有一个模块显示。
工具栏中间,可以选择普通编译,也可以新建并选择自定义条件进行编译和预览。
通过切后台按钮,可以模拟小程序进入后台的情况
工具栏上提供了清缓存的快速入口。可以便捷的清除工具上的文件缓存、数据缓存、还有后台的授权数据,方便开发者调试。
工具栏右侧是开发辅助功能的区域,在这里可以上传代码、版本管理、查看项目详情
工具栏管理
在工具栏上点击鼠标右键,可以打开工具栏管理
模拟器
模拟器可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在模拟器上直接运行。
开发者可以选择不同的设备,也可以添加自定义设备来调试小程序在不同尺寸机型上的适配问题。
在模拟器底部的状态栏,可以直观地看到当前运行小程序的场景值,页面路径及页面参数
独立窗口
点击 模拟器/调试器 右上角的按钮可以使用独立窗口显示 模拟器/调试器
一、下载安装微信开发者工具并打开软件。
二、打开软件后使用微信扫描登录。
三、按照自己的需求可以在小程序、小游戏点击新建或者导入项目制作新的程序。
四、选择公众号网页功能可以对公众号进行WEB进行功能调试。
A 新增 设置调试器显示位置
A 新增 双击模拟器空白处可以隐藏模拟器交互
A 新增 记录项目窗口的显示大小
A 新增 wxml/wxss/js 文件修改热重载
A 新增 云控制台权限控制
A 新增 云控制台静态网站托管配置
A 新增 模拟器显示和隐藏切换时的表现设置
A 新增 使用快捷键退出工具时提醒,防止误操作
A 新增 登录后触发编译
A 新增 插件权限校验
A 新增 微信字体大小设置
A 新增 支持代码按需注入lazyload
A 新增 云开发数据库自动查询分析与索引提示
A 新增 自动化支持获取体验评分报告
A 新增 提供新的构建 npm 能力
A 修复 旧app.json包含有index页面的情况下,删除app.json,重新建一个有index页面的app.json的时候,不会新增index页面
A 新增 支持直接在自动预览界面切换推送到手机/桌面端微信
A 新增 支持直接在自动真机调试界面切换推送到手机/桌面端微信
A 新增 getPerformanCE 部分性能指标
U 优化 MockApi 面板参数支持全匹配配置
U 优化 AppData 面板焦点跳动问题
U 优化 WXML 调试体验
U 优化 真机调试文件准备速度
U 优化 小程序模拟器的加载逻辑
U 优化 公众号网页调试 URL 收藏后,hover 显示全部信息
U 优化 创建代码片段时显示“请输入导入链接”等错误提示
U 优化 安装模拟器插件后,需要手动重启才能使用
U 优化 添加模拟器插件/调试器插件后,无须重启工具可正常运行
U 优化 预览和真机调试的界面交互
F 修复 macOS 10.15 无法获取摄像头授权导致 组件无法使用的问题
F 修复 无法加载独立分包的问题 反馈详情
F 修复 小程序插件中有 app.wxss 文件,其内容会覆盖掉小程序的样式的问题
F 修复 新建小程勋云开发项目,第一次启动会报 sitemap.json 未找到的问题
F 修复 无法在.network 面板看到 wx.uploadFile 的 Response 内容的问题
F 修复 调试器面板 mock右键菜单失效的问题 反馈详情
F 修复 使用 wasm 重新编译项目存在内存泄漏
F 修复 自动预览tsc 失败一次后,再次预览无响应
F 修复 模拟器在 Tabbar 设置为 top 时样式错乱的问题 反馈详情
F 修复 游戏引擎弹窗分包逻辑失效
F 修复 小游戏模拟器白屏,控制台提示__virtualDOM__未定义
F 修复 FileSystemManager.stat 工具和真机返回的path格式不一致
F 修复 小游戏开放数据域使用增强编译异常的问题
F 修复 windows 项目列表界面,底部工具栏丢失的问题 反馈详情
F 修复 自定义 tabbar 文字展示不完整问题
F 修复 wx.compressImage 返回 tmpFilePath 多了 undefined 反馈详情
F 修复 Windows 下最大化可能遮挡任务栏的问题 反馈详情
F 修复 wx.compressImage 返回错误 反馈详情
F 修复 首次编译 wx.getLaunchOptionsSync 结果可能错误的问题
F 修复 WXML/WXSS 压缩错误问题
F 修复 从网页点击导入代码片段会导致工具卡死
F 修复 windows 关闭新版文件监听模块后,保存project.config.json时会报错
F 修复 修改 project.config.json 里的 appid 不生效的问题 反馈详情
F 修复 导入链接项目已被删除时能够打开的问题
F 修复 模拟器底部有可能闪现白条的问题 反馈详情
F 修复 WXML 面板伪类无法调试的问题
F 修复 切换企业微信模拟器插件失败的问题
F 修复 Mac版开发者工具在扫码登录页无法设置代理的问题
F 修复 切换模拟器网络状态时报错的问题