微信公众平台发布了微信web开发者工具,可以在PC或Mac上模拟访问微信内网页,帮助开发者更方便、更安全地开发和调试基于微信的网页。微信web开发者工具是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。
顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口,以及微信客户端版本的模拟设置页。左侧是微信的 webview 模拟器,可以直接操作网页,模拟用户真实行为。右侧上方是地址栏,用于输入待调试的页面链接,以及清除缓存按钮。右侧下方是相关的请求和返回结果,以及调试界面和登录按钮。
主要功能
1.使用真实用户身份,调试微信网页授权。
2.校验页面的JSSDK权限,以及模拟大部分SDK的输入和输出。
3.利用集成的Chrome DevTools和基本的移动调试模块,协助开发。
更新日志
2021.01.04 更新日志
A 新增 小程序插件开发支持打开功能页
A 新增 wx.getVideoInfo 支持
A 新增 wx.compressVideo 支持
A 新增 <wxs/> src 支持使用绝对路径
A 新增 云开发支持内容管理
A 新增 云函数本地调试支持快速安装 npm 依赖
A 新增 快捷键缩放模拟器区域
A 新增 代码静态依赖分析
A 新增 env(safe-area-inset-bottom) 支持
U 优化 iphone 刘海屏机型的模拟器
U 优化 windows 版本的部分样式
U 优化 多账号调试窗口的菜单栏
U 优化 首次打开项目时编译 JSON 耗时过长的问题
U 优化 首次打开项目文件列表获取异步化
F 修复 wx.downloadFile 无法下载 200M 大小的文件的问题
F 修复 WXML 面板中自定义组件数据无法编辑的问题
F 修复 模拟器区域过小时无法分离模拟器窗口的问题 反馈详情
F 修复 项目列表窗口会自动弹出来的问题
F 修复 调试器 Network 面板无法显示云函数请求大于 1M 的回包请求
F 修复 wx.getSystemInfo 返回的 safeArea 与真机不一致的问题
F 修复 1.03.2011120 部分视频无法播放的问题