微信开发者工具 for Mac

微信开发者工具 for Mac是Mac平台上的微信小程序开发工具。微信web开发者工具Mac版可以在Mac上模拟访问微信内网页，为帮助开发者更方便、更安全地开发和调试基于微信的网页，微信公众平台正式推出了web开发者工具，它是一个桌面应用，通过模拟微信客户端的表现，使得开发者可以使用这个工具方便地在 Mac 上进行开发和调试工作。

微信开发者工具 for Mac 安装步骤

下载完成后，打开安装包，将左侧的软件拖动到右侧应用程序即可。

微信web开发者工具Mac版软件特色

微信web开发者工具Mac版作为一个桌面应用，可以通过模拟微信客户端的表现，使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。

微信web开发者工具Mac版集成了公众号网页调试和小程序调试两种开发模式。

使用公众号网页调试，开发者可以调试微信网页授权和微信JS-SDK。

使用小程序调试，开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。

微信web开发者工具Mac版在原有版本的功能的基础上，新增了两个开发辅助功能：

使用腾讯云，快速搭建小程序后台运行环境。

申请测试报告，了解小程序在真实的移动设备上运行性能和运行效果。

微信开发者工具 for Mac 菜单介绍

一、界面

1. 启动项-登录页

在登录页，可以使用微信扫码登陆开发者工具，开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。

2.项目列表

登录成功后，会看到已经存在的项目列表和代码片段列表，

在项目列表可以选择公众号网页调试，进入到公众号网页调试模式

3.新建项目

当符合以下条件时，可以在本地创建一个小程序项目

需要一个小程序的 AppID；如没有 AppID，可以选择申请使用测试号。

登录的微信号需要是该 AppID 的开发者；

需要选择一个空目录，或者选择的非空目录下存在 app.json 或者 project.config.json。当选择空目录时，可以选择是否在该目录下生成一个简单的项目。

4. 多开项目

工具支持同时打开多个项目，每次打开项目时会从新窗口打开，入口有以下几种：

从项目选择页打开项目，处于项目窗口时可以从菜单栏的项目 -> 查看所有项目打开项目选择页

从菜单栏的最近打开项目列表中打开的项目会从新窗口打开

新建项目

命令行或 HTTP 调用工具打开项目

5.管理项目

对本地项目进行删除和批量删除

6. 主界面

开发者工具主界面，从上到下，从左到右，分别为：菜单栏、工具栏、模拟器、编辑器、调试器 五大部分。

菜单栏

微信web开发者工具

切换帐号：快速切换登录用户

关于：关于开发者工具

检查更新：检查版本更新

开发者论坛：前往开发者论坛

开发者文档：前往开发者文档

调试：调试开发者工具、调试编辑器；如果遇到疑似开发者工具或者编辑器的 bug，可以打开调试工具查看是否有出错日志，欢迎在论坛上反馈相关问题

更换开发模式：快速切换公众号网页调试和小程序调试

退出：退出开发者工具

项目

新建项目：快速新建项目

打开最近：可以查看最近打开的项目列表，并选择是否进入对应项目

查看所有项目：新窗口打开启动页的项目列表页

关闭当前项目：关闭当前项目，回到启动页的项目列表页

文件

新建文件

保存

保存所有

关闭文件

编辑：可以查看编辑相关的操作和快捷键

工具

编译：编译当前小程序项目

刷新：与编译的功能一致，由于历史原因保留对应的快捷键 ctrl(⌘) + R

编译配置：可以选择普通编译或自定义编译条件

前后台切换：模拟客户端小程序进入后台运行和返回前台的操作

清除缓存：清除文件缓存、数据缓存、以及授权数据

界面：控制主界面窗口模块的显示与隐藏

设置：

外观设置：控制编辑器的配色主题、字体、字号、行距

编辑设置：控制文件保存的行为，编辑器的表现

代理设置：选择直连网络、系统代理和手动设置代理

通知设置：设置是否接受某种类型的通知

工具栏

点击用户头像可以打开个人中心，在这里可以便捷的切换用户和查看开发者工具收到的消息。

用户头像右侧是控制主界面模块显示/隐藏的按钮。至少需要有一个模块显示。

工具栏中间，可以选择普通编译，也可以新建并选择自定义条件进行编译和预览。通过切后台按钮，可以模拟小程序进入后台的情况

工具栏上提供了清缓存的快速入口。可以便捷的清除工具上的文件缓存、数据缓存、还有后台的授权数据，方便开发者调试。工具栏右侧是开发辅助功能的区域，在这里可以上传代码、申请测试、上传腾讯云、查看项目信息

工具栏管理

在工具栏上点击鼠标右键，可以打开工具栏管理

模拟器

模拟器可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在模拟器上直接运行。

开发者可以选择不同的设备，也可以添加自定义设备来调试小程序在不同尺寸机型上的适配问题。

在模拟器底部的状态栏，可以直观地看到当前运行小程序的场景值，页面路径及页面参数

独立窗口

点击 模拟器/调试器 右上角的按钮可以使用独立窗口显示 模拟器/调试器

微信小程序开发工具更新日志

1. 新增 云函数本地调试支持模拟环境变量
2. 新增 云开发云托管消息推送
3. 新增 公众号网页开发支持音频标签
4. 新增 公众号网页调试支持横屏
5. 新增 wx.request 支持使用 enableHttp2 参数
6. 新增 可视化编辑增加组件面板
7. 新增 调试菜单增加打开工具调试相关文件快捷操作
8.  新增 支持 getUserProfile 接口的交互
9. 优化 公众号网页调试窗口支持自定义标题栏
10. 优化 二次编译 JSON 文件的速度
11.  优化 新建云开发项目体验优化
12. 优化 sitemap 文件的检测方式
13. 优化 背景音频支持倍速设置 playbackRate
14. 优化 调试器 js context appservice 展示改为非红色
15.  优化 调试器 sources 面板默认自动展开当前 instanceframe 内的代码目录
16. 优化 10MB以上代码包采用异步方式上传
17.  优化 模拟器更多功能半屏弹窗，横屏时对齐客户端样式
18. 修复 分包插件页无法引用分包组件的问题
19. 修复 小游戏模拟器分离窗口显示不全的问题 
20. 修复 调试器 sensor 面板重力模拟无法使用的问题
21. 修复 WeappApplication 目录下 Temp 文件占满磁盘问题 
22. 修复 二维码编译打不开的问题 
23. 修复 无手机号小程序无法开通云开发的问题
24. 修复 多项目窗口切换登录用户后没有同步头像等状态
25. 修复 代码片段分享失败的问题
26. 修复 模拟器网络设为 offline，WebSocket 依然能通信的问题
27. 修复 showToast icon 为 error 展示不正确的问题 
28. 修复 中 safe-area-inset-bottom 可能失效的问题
29. 修复 小游戏开发模式下读取非game.json的json文件时，控制台会输出警告的问题