微信Web开发者工具由微信官方出品,通过模拟微信客户端的表现,帮助开发者进行开发和调试。为帮助开发者更方便、更安全地开发和调试基于微信的网页,我们推出了 web 开发者工具。它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。
微信web开发者工具的功能:
使用自己的微信号来调试微信网页授权
调试、检验页面的 JS-SDK 相关功能与权限,模拟大部分 SDK 的输入和输出
使用基于 weinre 的移动调试功能
利用集成的 Chrome DevTools 协助开发
使用方法
一、下载安装微信开发者工具并打开软件。
二、打开软件后使用微信扫描登录。
三、按照自己的需求可以在小程序、小游戏点击新建或者导入项目制作新的程序。
四、选择公众号网页功能可以对公众号进行WEB进行功能调试。
Chrome DevTools
微信 web 开发者工具集成了 Chrome DevTools。同之前在 PC 上的调试体验一致,可以快速上手。
如下图所示:
更新日志
微信web开发者工具64位版 1.06.2207210 更新说明
F 修复 自动化测试窗口切换到测试账号后无法切换回登陆账号问题
F 修复 小游戏脚本录制/节点审查插件失败问题
F 修复 wxml面板 inspect 节点难以选中的问题
F 修复 不同项目的小程序 storage 会互相覆盖的问题
F 修复 部分自定义组件依赖热重载不生效的问题
F 修复 部分情况下横屏渲染层报错
F 修复 Class extends value undefined is not a constructor or null
F 修复 部分云托管 callContainer 请求无法在 Network 面板展示的问题
F 修复 picker 组件无法设置初始 value 的问题
F 修复 lazyCodeLoading 报错 expect FL