微信web开发者工具

微信web开发者工具作为程序开发设计人员的神器，它可以通过与微信有关的网页来进行模拟，可以更好地进行小程序、web页面的测试，能够了解自己开发的不足，为你快速找出问题所在。

微信开发者工具是干嘛的

微信公众平台针对设计人员而开发的一款桌面应用，该应用可以帮助开发者更方便、更安全地开发和调试基于微信的网页，通过模拟微信客户端的表现，使得开发者可以方便地在PC或者Mac上进行开发和调试工作。

功能说明

1、调试、检验页面的 JS-SDK 相关功能与权限，模拟大部分 SDK 的输入和输出

2、使用自己的微信号来调试微信网页授权

3、利用集成的 Chrome DevTools 协助开发

4、使用基于 weinre 的移动调试功能

微信开发者工具如何使用

--调试微信网页授权

1）开发者可以在调试器中点击“登录”，使用手机微信扫码登录，从而使用真实的用户身份来开发和调试微信网页授权。请确认手机登录页，绑定的公众号为“微信 web 开发者工具”。

2）为了保证开发者身份信息的安全，对于希望调试的公众号，我们要求开发者微信号与之建立绑定关系。具体操作为：公众号登录管理后台，启用开发者中心，在开发者工具——web 开发者工具页面，向开发者微信号发送绑定邀请。

3）开发者在手机微信上接受邀请，即可完成绑定。每个公众号最多可同时绑定10个开发者微信号。

4）完成登录和绑定后，开发者就可以开始调试微信网页授权了，注意只能调试自己绑定过的公众号。

--模拟JSSDK权限校验

通过它，可以模拟 JSSDK 在微信客户端中的请求，并直观地看到鉴权结果和 log。以微信JSSDK DEMO 页面为例：

在调试器中打开该 URL，可以方便地在右侧的 JS-SDK Tab 中看到当前页面 wx.config 的校验情况和 JSSDK 的调用 log。

--移动调试

移动调试功能是基于 weinre 的，并且做了一些改进，相比直接使用 weinre 有两个优点：

1）可以在 weinre 的网络请求页卡中，看到完整的 http 请求 log，非局限于 ajax 请求

2）无须手工在页面中加入 weinre 调试脚本

微信开发者工具怎么导入项目

1、运行之后我们找到想要导入的项目所属的类型点击进去，比如小编需要导入一个小程序项目，就点击小程序项目模块。

2、点击之后进入到小程序项目界面，在界面底部有一个管理项目选项，然后我们点击它右边的添加图标。

3、点击这个添加图标之后会出现一个新增项目的界面，我们选择项目目录以及填写项目名称等其他信息。

4、点击项目目录右边的图标即可打开选择项目目录的界面，我们找到想要导入的项目src源代码文件夹之后，点击选择它并点击确定按钮进行导入即可。

更新日志

2021.10.29

- 修复 部分场景新建项目工具卡住的问题

- 修复 开启懒注入修改页面 js 文件重新编译没生效

- 修复 腾讯云无法自动登录的问题

- 修复 云开发代金券下单白屏的问题

2021.10.11

- 修复 cos上传时，本地系统时间调后报错

- 修复 小游戏项目自动预览报错

- 修复 win上工具更新升级概率性失败 查看详情

- 修复 mac上工具残留进程问题

- 修复 cmd+q直接退出了，没有toast缓冲

- 修复 导入的项目，退出之后不再列表

- 优化 创建项目时点击多次会创建多个

- 修复 代理模式下开关请求报错

- 修复 多账号调试窗口/自动化测试窗口 白屏

- 修复 wxml格式化报错

- 新增 预览、真机调试和上传时，增加空模板检查提示。

- 新增 补充了部分设备无关的 getSystemInfo 字段

- 新增 支持导入来自 vscode 已安装的扩展

- 新增 编辑器场景推荐

- 新增 模板库创建小程序

- 新增 云开发未使用资源包支持七天内退款

- 新增 支持在编辑器面板上展示 console 的警告和错误数

- 新增 新增wxml压缩的灰度策略

- 新建 快速启动模版时附带一个默认的 eslintrc 文件

- 新增 两种工具启动时打开项目的方式

- 新增 代码建议中提供服务接口推荐

- 新增 模拟器支持 iPhone12 机型

- 新增 调试器支持wxss的map信息

- 新增 工具原生支持Typescript

- 新增 Typescript + Less 小程序模板

- 新增 Typescript + Sass 小程序模板

- 新增 本地设置面板新增wxml文件压缩开关，修改样式文件和脚本文件开关的wording

- 新增 支持通过 project.config.json -> setting -> disableUseStrict 配置全局禁用严格模式

- 新增 编译模块新增wxml压缩，实现wxmlparser，压缩注释和部分多余空字符

- 新增 WXML 方法和样式补全时，支持从 ts, less, sass 文件获取补全信息。

- 优化 更新 Typescript 项目模板

- 优化 代码静态依赖分析支持根据 project.config.json 中 packOptions.ignore 配置选项忽略文件

- 更新 编译和压缩 wxss 文件所依赖第三方库的版本

- 优化 终止模拟器时关闭 apiHost 进程

- 优化 工具更新机制优化

- 优化 WXML 中 {{mustache}} 内容的代码高亮

- 优化 可视化编辑模式支持模拟器弹出

- 修复 wxml 压缩移除注释导致无法上传预览的问题

- 修复 windows 调试器无法保存设置的问题 反馈详情

- 修复 compiler 模块没有根据 app.json 寻找 sitemap.json 的问题

- 修复 预览时自定义命令处理失败

- 优化 弹出的模拟器窗口关闭时保持主界面的模拟器的显示状态

- 升级云函数基础环境至 NodeJS 12.16

- 优化 工具对 TypeScript + Less 模板 和 TypeScript + Sass 模板的支持。

- 修复 多帐号调试窗口 getUserProfile 白屏的问题

- 修复 小游戏编译多次内存快速上涨的问题

- 修复 项目窗口打开是企业微信模式时的部分问题

- 修复 较长时间后版本管理可能刷新失败的问题

- 修复 TCP合法域名没有校验的问题

- 修复 真机调试1.0 横屏情况下 WXML 无法显示的问题 反馈详情

- 修复 调用蓝牙接口的时候会发生crash的问题

- 修复 创建「其他」项目后，项目列表不刷新的问题

- 修复 代码保护报错导致上传失败的bug

- 修复 公众号网页调试窗口关闭之后入口页无法出现

- 新增 编辑器设置支持云同步

- 修复 清除文件缓存后调用downloadFile会失败的问题 反馈详情

- 修复 WXML 中 style 属性部分内容可能提示语法错误的问题

- 修复 热重载 js 时 sourcemap 的相关问题

- 修复 修复text标签内>识别错误的问题

- 修复 其他项目窗口下部分快捷键可能失效的问题

- 修复 WXML 使用 emmet 语法自动生成了 div 标签的问题

- 修复 重命名多个文件的大小写形式时可能失败的问题

- 修复 打开项目后再次双击工具导致退出项目的问题

- 修复 summer 真机调试不支持的bug

- 修复 windows 设置使用系统代理失败的问题

- 修复 预览或上传时，可能会报'Unknown browser query'的错误 反馈详情

- 修复 分享朋友圈后点击跳转小程序无法回到正确页面问题

- 修复 小包更新后，降级安装使用的还是小包更新的版本的问题

2021.08.15

- 新增 getUserInfo 接口适配检测逻辑