微信web开发者工具

微信web开发者工具是一款开发者们开发软件时必备的编程软件，可以在PC或Mac上模拟访问微信内网页，帮助开发者更方便、更安全地开发和调试基于微信的网页。喜欢就快来IT猫扑网下载吧！

微信web开发者工具介绍

微信web开发者工具是一个桌面应用，通过模拟微信客户端的表现，使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口，以及微信客户端版本的模拟设置页。左侧是微信的 WebView 模拟器，可以直接操作网页，模拟用户真实行为。右侧上方是地址栏，用于输入待调试的页面链接，以及清除缓存按钮。右侧下方是相关的请求和返回结果，以及调试界面和登录按钮。

微信web开发者工具功能

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

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

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

4、利用集成的 chrome DevTools 协助开发

功能说明

文件格式

因 iOS 下仅支持 UTF8 编码格式，最新版本的开发者工具会在上传代码时候对代码文件做一次编码格式校验。

文件支持

工具目前提供了 5 种文件的编辑：wxml、wxss、js、json、wxs 以及图片文件的预览。

文件操作

新建页面有两种方式

在目录树上右键，选择新建 Page，将自动生成页面所需要的 wxml、wxss、js、json

在 app.json 的 pages 字段，添加需要新建的页面的路径，将会自动生成该页面所需要的文件

自动保存

编辑代码后，工具会自动帮助用户保存当前的代码编辑状态，直接关闭工具或者切换到别的项目，并不会丢失已经编辑的文件状态，但需要注意的是，只有用户主动保存文件，修改内容才会真实的写到硬盘上。

如果设置中开启了 “修改文件时自动保存”（设置-编辑设置-修改文件自动保存），工具在修改文件时会自动保存到硬盘中，无需手动保存的效果。

设置中开启 “编译时自动保存所有文件”（设置-编译设置-编译时自动保存所有文件），在点击编译时自动保存所有文件的效果。

实时预览

如果设置中开启了 “文件保存时自动编译小程序”（设置-编辑设置-保存时自动编译小程序），那么当 wxml、wxss、js、json 文件修改时，可以通过模拟器实时预览编辑的情况：

注意：如果同时开启了 ”修改文件时自动保存“ 的设置，编译动作会有一定的延迟，来避免频繁的编译，手动点击编译按钮将立即编译。

自动补全

同大部分编辑器一样，工具提供了较为完善的自动补全

js 文件编辑会帮助开发补全所有的 API 及相关的注释解释，并提供代码模板支持

wxml 文件编辑会帮助开发者直接写出相关的标签和标签中的属性

json 文件编辑会帮助开发者补全相关的配置，并给出实时的提示

更新日志

v1.05.2201210版本更新

A 新增 代码质量分析面板，可参考《小程序性能优化指南》调优

A 新增 增加小程序无依赖文件过滤能力

A 新增 半屏小程序适配（编译模式->小程序模式 选择半屏类原生），详情

A 新增 自动化录制可配置回放时忽略失败

A 新增 小程序类型增加支持上传 .cert 后缀名文件

U 更新 云函数 HTTP V2 上传运行时更新至 NodeJS 12.16

U 优化 导入为其他项目前先检查当前路径下是否是小程序/小游戏项目

U 优化 完善更多接口展现统一授权弹窗

U 优化 代码依赖分析支持解析 ECMA2022 的新语法。

U 优化 使用了编译插件 less 或 sass，创建页面或组件时，创建相应的 less 或 scss 文件。

U 优化 分享卡片交互，分享成功后可直接跳转到分享页确认参数反馈详情

U 优化 编译插件 less 和 sass，支持通过绝对路径的方式 import 项目根目录下的文件

U 优化 调试器 Trace 面板更换为 Performance 面板 反馈详情

U 优化 质量分析面板输出内容的格式

U 新增 模拟器支持低端机模拟

U 更新 用户手机号加密方式改造

U 优化 未发现代码质量问题时不自动弹出代码质量面板

U 优化 上传代码包时忽略 project.private.config.json 文件

F 修复 分包异步化在分包引用插件时出错的问题

F 修复 开启懒注入后，可视化不可用的bug

F 修复 小程序插件开发 plugin.json 中设置 cloud 为 true 时，断掉调试异常的问题

F 修复 不加载编辑器下预览会唤起编辑器的问题

F 修复 频繁设置 Storage 时调试器 Storage 面板无法编辑的问题

F 修复 cmd+q等快捷键失效的问题

F 修复 wx.enableAlertBeforeUnload不是针对页面生效的问题

F 修复 AppData 面板打开同路径页面出错的问题 反馈详情

F 修复 调试器弹出白屏的问题 反馈详情

F 修复 代码依赖分析没有正确分析 worker 和 functional-pages 目录的文件。

F 修复 公众号网页调试 a 标签带有 _target=blank 时点击无反应 反馈详情

F 修复 工具cli上传报错的问题 反馈详情

F 修复 编辑器的小程序代码定义可能不显示或不更新的问题

F 修复 通过菜单新建代码片段(拷贝当前项目后)后无法导入其他代码片段的问题

F 修复 代码依赖分析把ext.json过滤掉了的bug

F 修复 关闭启动时自动编译项目配置，重新打开项目窗口后可能无法开启问题

F 修复 进入分包页面可能报错的问题

F 修复 nightly上小程序NPM包依赖分析导致的问题 反馈详情

F 修复 断点蒙层无法消失的问题

F 修复 分包异步化引用分包插件时无法渲染的问题

F 修复 模拟操作背景音乐状态显示不正确的问题反馈详情

F 修复 预览和上传时，miniprogram_npm 包中无依赖文件分析不正确的Bug

F 修复 自定义 titlebar 焦点部分场景丢失的问题

F 修复 代码静态依赖分析对 wxss 依赖提取的bug

F 修复 公众号 addCard 页面返回不了

F 自定义tabbar切换配置，模拟器显示异常

F 修复 同时开启懒注入和局部编译时，编译 wxml 报错的问题

F 修复 切换机型重新编译报错的问题

F 修复 iOS真机调试2.0使用ES6+特性时上传报错的问题 反馈详情

F 修复 导出到插件被误识别为无依赖的文件的bug

F 修复 插件项目开发时点击上传后再次编译可能报错的问题

F 修复 插件模式下自定义编译模式保存失败问题

F 修复 授权弹窗显示问题反馈详情

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文件时，控制台会输出警告的问题

1、A 新增 云开发新增 19 个付费套餐 详情

2、A 新增 导航条中新增小程序返回首页功能

3、A 新增 wx.chooseLocation 支持传入指定地点

4、A 新增 云控制台告警设置支持关闭相应告警渠道

5、A 新增 真机调试支持直接触发客户端周期性更新 查看文档

6、A 新增 通用设置增加“使用新版文件监听模块”的设置（默认勾选）

7、A 新增 新建项目页面增加测试号文档介绍入口

8、A 新增 记录代码上传的更新类型

9、A 新增 支持导入二维码创建自定义编译条件时