微信开发者工具 for Mac是为了帮助开发者简单和高效地开发和调试微信小程序,在原有的公众号网页调试工具的基础上,推出了全新的微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式,使得开发者可以使用这个工具方便地在 Mac 上进行开发和调试工作。
微信开发者工具 Mac版安装教程
微信开发者工具下载完成后打开,将左侧的【微信开发者工具】拉到右侧应用程序中即可!
微信开发者工具 Mac中文版安装教程
微信开发者工具 Mac中文版软件介绍
为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的 微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。
使用公众号网页调试,开发者可以调试微信网页授权和微信JS-SDK 详情
使用小程序调试,开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。
为了更好的开发体验,我们从视觉、交互、性能等方面对开发者工具进行升级,推出了 1.0.0 版本。
wechatwebdevtools Mac最新版特点介绍
启动页
登录页
在登录页,可以使用微信扫码登录开发者工具,开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。
项目列表
登录成功后,会看到已经存在的项目列表和代码片段列表,
在项目列表可以选择公众号网页调试,***到公众号网页调试模式
新建项目
当符合以下条件时,可以在本地创建一个小程序项目
- 需要一个小程序的 AppID;如没有 AppID,可以选择申请使用测试号。
- 登录的微信号需要是该 AppID 的开发者;
- 需要选择一个空目录,或者选择的非空目录下存在
app.json
或者project.config.json
。当选择空目录时,可以选择是否在该目录下生成一个简单的项目。
多开项目
工具支持同时打开多个项目,每次打开项目时会从新窗口打开,入口有以下几种:
- 从项目选择页打开项目,处于项目窗口时可以从菜单栏的项目 -> 查看所有项目打开项目选择页
- 从菜单栏的最近打开项目列表中打开的项目会从新窗口打开
- 新建项目
- 命令行或 HTTP 调用工具打开项目
管理项目
对本地项目进行删除和批量删除
主界面
开发者工具主界面,从上到下,从左到右,分别为:菜单栏、工具栏、模拟器、目录树、编辑区、调试器 六大部分。
菜单栏
微信web开发者工具
切换帐号:快速切换登录用户
关于:关于开发者工具
检查更新:检查版本更新
开发者论坛:前往开发者论坛
开发者文档:前往开发者文档
调试:调试开发者工具、调试编辑器;如果遇到疑似开发者工具或者编辑器的 bug,可以打开调试工具查看是否有出错日志,欢迎在论坛上反馈相关问题
更换开发模式:快速切换公众号网页调试和小程序调试
退出:退出开发者工具
项目
新建项目:快速新建项目
打开最近:可以查看最近打开的项目列表,并选择是否***对应项目
查看所有项目:新窗口打开启动页的项目列表页
关闭当前项目:关闭当前项目,回到启动页的项目列表页
文件
新建文件
保存
保存所有
关闭文件
编辑:可以查看编辑相关的操作和快捷键
工具
编译:编译当前小程序项目
刷新:与编译的功能一致,由于历史原因保留对应的快捷键 ctrl(⌘) + R
编译配置:可以选择普通编译或自定义编译条件
前后台切换:模拟客户端小程序***后台运行和返回前台的操作
清除缓存:清除文件缓存、数据缓存、以及授权数据
界面:控制主界面窗口模块的显示与隐藏
设置:
外观设置:控制编辑器的配色主题、字体、字号、行距
编辑设置:控制文件保存的行为,编辑器的表现
代理设置:选择直连网络、系统代理和手动设置代理
通知设置:设置是否接受某种类型的通知
工具栏
点击用户头像可以打开个人中心,在这里可以便捷的切换用户和查看开发者工具收到的消息。
用户头像右侧是控制主界面模块显示/隐藏的按钮。至少需要有一个模块显示。
工具栏中间,可以选择普通编译,也可以新建并选择自定义条件进行编译和预览。
通过切后台按钮,可以模拟小程序***后台的情况
工具栏上提供了清缓存的快速入口。可以便捷的清除工具上的文件缓存、数据缓存、还有后台的授权数据,方便开发者调试。
工具栏右侧是开发辅助功能的区域,在这里可以上传代码、版本管理、查看项目详情
工具栏管理
在工具栏上点击鼠标右键,可以打开工具栏管理
模拟器
模拟器可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在模拟器上直接运行。
开发者可以选择不同的设备,也可以添加自定义设备来调试小程序在不同尺寸机型上的适配问题。
在模拟器底部的状态栏,可以直观地看到当前运行小程序的场景值,页面路径及页面参数
独立窗口
点击 模拟器/调试器 右上角的按钮可以使用独立窗口显示 模拟器/调试器
项目页卡主要有三大功能
显示当前项目细节
包括图标、AppID、第三方平台名(只有第三方平台的开发小程序才会显示)、目录信息、上次提交代码的时间以及代码包大小。
基础库信息
基础库版本切换
开发者可以在此选择任意基础库版本,用于开发和调试旧版本兼容问题。
显示基础库支持的客户端版本
工具1.02.2002252或以上版本,开发者可以在此查看任意基础库支持的微信客户端版本范围
显示灰度中的基础库
正式版本的基础库全量发布前,会有一个灰度的过程。
工具1.02.2002252或以上版本,开发者可以在此查看正在灰度中的基础库版本
下发测试基础库
注意:该功能只能下发到登录开发者工具的微信号的客户端,并会影响到该客户端所有小程序
工具1.02.2003112或以上版本,开发者可以在此选择任意基础库版本并下发到客户端
微信客户端对开发版小程序打开调试,可以查看下发测试基础库的生效时间以及版本
项目设置
代码保护
开启此选项,开发者工具会尝试对项目代码进行保护,主要是对文件进行扁平化处理并替换 require
引用的文件名,以下情况不适合使用此功能
- 对于小程序只有简单页面的情况下,开启此功能效果不佳
- 有文件超过 500kb,且其中有使用
require
引用项目中的文件的情况,在运行时可能会报文件没有找到 - 动态引用的情况,如
var a = 'somefile.js'; require(a);
- 将
require
函数赋值给其他变量的情况,如var a = require; a('somefile.js');
- 将
require
作为二元运算符的参数的情况,如require + 1;
- 使用
...
运算符且未开启 ES6 转 ES5 的情况
不校验请求域名及 TLS 版本
正式发布的小程序的网络请求是需要校验合法域名以及域名的 TLS 版本,可以在 mp 管理后台进行配置。 在开发过程中可以开启此选项,开发工具将不会校验安全域名,以及 TLS 版本,帮助在开发过程中更方便的完成调试工作。
域名信息
将显示小程序的安全域名信息,合法域名可在 mp 管理后台进行设置。
微信开发者工具wechatwebdevtools中文版发行说明
微信开发者工具 for mac v1.05.2104251中文版 |
2021.04.25 更新说明
A
新增 公众号网页调试支持云开发A
新增 可视化编辑器支持复制粘贴组件A
新增 游客模式A
新增 自动使用最新的小程序/小游戏定义文件A
新增 云同步保留开发者个人习惯A
新增 小程序漏洞扫描插件A
新增 web-view 调试按钮放到底部栏预览旁边A
新增 错误信息之后增加复制按钮U
优化 小程序\小游戏的 snippets 代码片段补全U
优化 WXML编辑器插件能力优化U
优化 重构Storage面板,优化展示效果U
优化 针对 5MB 以上的代码包,预览和上传时采用异步方式U
优化 工具授权框的交互和真机一致F
修复 小程序设置静音后,重启项目即失效的问题F
修复 默认占用8001调试端口F
修复 小游戏非独立域 wx.connectSocket 死循环的问题F
修复 部分 windows webview 白屏问题F
修复 工具放置一段时间模拟器白屏无法编译的问题F
修复 devtools无法添加storage键值对的问题F
修复 小游戏点击选取元素时未给插件发送鼠标事件F
修复 webview crash会引发工具整个崩溃的问题F
修复 mac多账号调试窗口无法使用快捷键复制的问题F
修复 模拟器工具栏 home 按钮点击后不触发 onHideF
修复 云控制台费用中心-收支明细详情无法点开多次F
修复 面板切到别的 tab 收起再展开,会错误地显示调试器F
修复 分享到朋友圈跳转后的表现不符合预期的问题F
修复 多账号调试,调试器位置问题F
修复 公众号网页调试Performance面板点击刷新异常的问题F
修复 弱网场景下登录态丢失问题F
修复 设置编辑器字体异常F
修复 稳定版 websocket 发送数据报错的问题F
修复 模拟器显示比例缩小后,场景值选择框显示不全且会超出模拟器的问题
小编的话
微信开发者工具 for Mac中文版是用模拟微信客户端来让开发者更好的进行微信的开发,微信开发者工具Mac版可以在Mac上模拟访问微信内网页,帮助开发者更方便、更安全地开发和调试基于微信的网页。欢迎下载使用。