微信开发者工具软件功能
可在线登录用户微信,进行模拟真实浏览调试网页。
检验页面JSSDK功能权限,模拟大部分SDK的输入和输出。
集成的Chrome DevTools与基本的移动调试模块助力用户的开发。
小程序项目、公众号项目,独立分开。
微信开发者工具界面模块
1、软件顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口,以及微信客户端版本的模拟设置页。
2、左侧是微信的 webview 模拟器,可以直接操作网页,模拟用户真实行为。
3、右侧上方是地址栏,用于输入待调试的页面链接,以及清除缓存按钮。
4、右侧下方是相关的请求和返回结果,以及调试界面和登录按钮。
设置:
外观设置:控制编辑器的配色主题、字体、字号、行距
编辑设置:控制文件保存的行为,编辑器的表现
代理设置:选择直连网络、系统代理和手动设置代理
通知设置:设置是否接受某种类型的通知
工具栏
点击用户头像可以打开个人中心,在这里可以便捷的切换用户和查看开发者工具收到的消息。
用户头像右侧是控制主界面模块显示/隐藏的按钮。至少需要有一个模块显示。
工具栏中间,可以选择普通编译,也可以新建并选择自定义条件进行编译和预览。
通过切后台按钮,可以模拟小程序进入后台的情况
工具栏上提供了清缓存的快速入口。可以便捷的清除工具上的文件缓存、数据缓存、还有后台的授权数据,方便开发者调试。
工具栏右侧是开发辅助功能的区域,在这里可以上传代码、版本管理、查看项目详情
工具栏管理
在工具栏上点击鼠标右键,可以打开工具栏管理
微信开发者工具安装步骤
1.在本站下载微信开发者工具官方版安装包,解压后,双击exe程序,进入安装向导,单击下一步
2.阅读许可协议,单击我接受
3.点击“浏览”选择安装文件夹,一般默认安装在电脑C盘,推荐安装在D盘,单击安装
4.软件正在安装,请耐心等待
5.微信开发者工具安装完成,单击完成退出安装向导
安装小结:首先在本站下载好微信开发者工具的软件安装包,解压后打开exe文件,进入安装向导。根据提示按步骤进行安装,安装时可选择默认安装位置安装,也可以自定义安装位置。勾选好相应的快捷方式后,进入安装程序,稍作等待后即可安装完成,畅享这款软件。
微信开发者工具使用方法
首先微信扫码登录进入软件。
然后选择你想进行开发设计的项目,公众号项目或者是小程序项目。
根据自己的需求,在小程序、小游戏点击新建或者导入项目制作新的程序。
然后选择公众号网页功能可以对公众号进行WEB进行功能调试。
最后进入即可进行开发设计。
微信开发者工具常见问题
1.微信开发者工具怎么导入项目?
首先打开微信开发者工具软件,选择你要进行设计的项目;
点击上方的“导入项目”选项;
点击目录下拉框,即可选择需要导入的代码;
确认好项目名称和APPID,点击“导入”;
导入完成。
2.微信开发者工具用的是什么语言?
微信开发者工具用的是NW.js,比较复杂的代码语言。
3.微信开发者工具怎么调试公众号?
首先选择一个合适的接口,系统会自动生成此接口的参数表;
在文本框内填入相应的参数值;
点击检查问题按钮,便可得到相应的调试信息。
微信开发者工具更新日志
1.06系列版本不再支持 Windows7,建议开发者升级 Windows 版本
A 新增 编辑器场景推荐
A 新增 模板库创建小程序
A 新增 云开发未使用资源包支持七天内退款
A 新增 预览、真机调试和上传时,增加空模板检查提示。
A 新增 补充了部分设备无关的 getSystemInfo 字段
A 新增 支持导入来自 vscode 已安装的扩展
A 新建快速启动模版时附带一个默认的 eslintrc 文件
A 新增 两种工具启动时打开项目的方式
A 新增 代码建议中提供服务接口推荐
A 新增 支持在编辑器面板上展示 console 的警告和错误数
A 新增 新增 wxml 压缩的灰度策略
A 新增 本地设置面板新增 wxml 文件压缩开关,修改样式文件和脚本文件开关的wording
A 新增 支持通过 project.config.json -> setting -> disableUseStrict 配置全局禁用严格模式
A 新增 云开发未使用资源包支持七天内退款
A 新增 编译模块新增 wxml 压缩,实现wxmlparser,压缩注释和部分多余空字符
A 新增 WXML 方法和样式补全时,支持从 ts, less, sass 文件获取补全信息。
A 新增 模拟器支持 iPhone12 机型
A 新增 调试器支持 wxss 的map信息
A 新增 工具原生支持Typescript
A 新增 Typescript + Less 小程序模板
A 新增 Typescript + Sass 小程序模板
U 优化 工具更新机制优化
U 优化 WXML 中 {{mustache}} 内容的代码高亮
U 优化 可视化编辑模式支持模拟器弹出
U 优化 更新 Typescript 项目模板
U 优化 代码静态依赖分析支持根据 project.config.json 中 packOptions.ignore 配置选项忽略文件
U 更新 编译和压缩 wxss 文件所依赖第三方库的版本
U 优化 终止模拟器时关闭 apiHost 进程
U 优化 弹出的模拟器窗口关闭时保持主界面的模拟器的显示状态
U 升级云函数基础环境至 NodeJS 12.16
U 优化 工具对 TypeScript + Less 模板 和 TypeScript + Sass 模板的支持。
F 修复 多帐号调试窗口 getUserProfile 白屏的问题
F 修复 wxml 压缩移除注释导致无法上传预览的问题
F 修复 windows 调试器无法保存设置的问题 反馈详情
F 修复 compiler 模块没有根据 app.json 寻找 sitemap.json 的问题
F 修复 预览时自定义命令处理失败
F 修复 小游戏编译多次内存快速上涨的问题
F 修复 创建「其他」项目后,项目列表不刷新的问题
F 修复 代码保护报错导致上传失败的bug
F 修复 公众号网页调试窗口关闭之后入口页无法出现
F 新增 编辑器设置支持云同步
F 修复 项目窗口打开是企业微信模式时的部分问题
F 修复 较长时间后版本管理可能刷新失败的问题
F 修复 TCP合法域名没有校验的问题
F 修复 真机调试1.0 横屏情况下 WXML 无法显示的问题 反馈详情
F 修复 调用蓝牙接口的时候会发生 crash 的问题
F 修复 修复 text 标签内>识别错误的问题
F 修复 其他项目窗口下部分快捷键可能失效的问题
F 修复 WXML 使用 emmet 语法自动生成了 div 标签的问题
F 修复 重命名多个文件的大小写形式时可能失败的问题
F 修复 清除文件缓存后调用 downloadFile 会失败的问题 反馈详情
F 修复 WXML 中 style 属性部分内容可能提示语法错误的问题
F 修复 自动创建 ts 文件的bug。反馈详情
F 修复 热重载 js 时 sourcemap 的相关问题
F 修复 预览或上传时,可能会报’Unknown browser query’的错误 反馈详情
F 修复 分享朋友圈后点击跳转小程序无法回到正确页面问题
F 修复 小包更新后,降级安装使用的还是小包更新的版本的问题
F 修复 打开项目后再次双击工具导致退出项目的问题
F 修复 WXML 面板选取元素可能失败的问题
F 修复 summer 真机调试不支持的bug
F 修复 小游戏多账号调试时加载分包可能失效的问题
F 修复 小游戏加载分包时没有触发 onProgressUpdate 的问题
F 修复 热重载修改样式后 wxml 里没有体现
F 修复 windows 设置使用系统代理失败的问题