微信公众平台发布了微信web开发者工具,可以在PC或Mac上模拟访问微信内网页,帮助开发者更方便、更安全地开发和调试基于微信的网页。微信web开发者工具是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。 顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口,以及微信客户端版本的模拟设置页。左侧是微信的 webview 模拟器,可以直接操作网页,模拟用户真实行为。右侧上方是地址栏,用于输入待调试的页面链接,以及清除缓存按钮。右侧下方是相关的请求和返回结果,以及调试界面和登录按钮。 主要功能 1.使用真实用户身份,调试微信网页授权。 2.校验页面的JSSDK权限,以及模拟大部分SDK的输入和输出。 3.利用集成的Chrome DevTools和基本的移动调试模块,协助开发。 更新日志 2021.03.05 更新说明 A 新增 云函数本地调试支持模拟环境变量 A 新增 云开发云托管消息推送 A 新增 公众号网页开发支持音频标签 A 新增 公众号网页调试支持横屏 A 新增 wx.request 支持使用 enableHttp2 参数 详情 A 新增 可视化编辑增加组件面板 A 新增 调试菜单增加打开工具调试相关文件快捷操作 A 新增 支持 getUserProfile 接口的交互 U 优化 公众号网页调试窗口支持自定义标题栏 U 优化 二次编译 JSON 文件的速度 U 优化 新建云开发项目体验优化 U 优化 sitemap 文件的检测方式 U 优化 背景音频支持倍速设置 playbackRate 反馈详情 U 优化 调试器 js context appservice 展示改为非红色 U 优化 调试器 sources 面板默认自动展开当前 instanceframe 内的代码目录 U 优化 10MB以上代码包采用异步方式上传 U 优化 模拟器更多功能半屏弹窗,横屏时对齐客户端样式 F 修复 分包插件页无法引用分包组件的问题 F 修复 小游戏模拟器分离窗口显示不全的问题 反馈详情 F 修复 调试器 sensor 面板重力模拟无法使用的问题 F 修复 WeappApplication 目录下 Temp 文件占满磁盘问题 反馈详情 F 修复 二维码编译打不开的问题 反馈详情 F 修复 无手机号小程序无法开通云开发的问题 F 修复 多项目窗口切换登录用户后没有同步头像等状态 F 修复 代码片段分享失败的问题 F 修复 模拟器网络设为 offline,WebSocket 依然能通信的问题反馈详情 F 修复 showToast icon 为 error 展示不正确的问题 反馈详情 F 修复 <web-view /> 中 safe-area-inset-bottom 可能失效的问题 F 修复 小游戏开发模式下读取非game.json的json文件时,控制台会输出警告的问题