微信web开发者工具

微信web开发者工具是一款由微信官方推出的专业开发工具，帮助开发者快速、便捷地开发基于微信平台的网页应用和小程序，该工具集成了丰富的开发资源和调试功能，提供了可视化的界面设计、代码编辑、实时预览等功能，让开发者能够高效地进行项目开发和调试，大大提升开发效率，通过微信web开发者工具，开发者可以快速搭建项目框架，编写、调试和预览代码，集成测试工具和性能分析工具，以及发布上线、版本控制等全流程支持，为开发者提供了一站式的开发环境和工作流程，助力开发者实现优质的微信网页应用和小程序。

更新日志

修复 微搭项目首次打开模拟器可能报错问题

修复 mpflow 项目 重新构建后代码内容未生效的 bug

修复 没有页面JSON文件的情况下，开着lazyCodeLoading会失败的问题

修复 stat USER_DATA_PATH 找不到目录问题

修复 小程序切换 appid 时 project.miniapp.json 的 miniModuleId 没有修改

修复 cli close 无法关闭项目的问题

修复 多端模式拉取基础库失败问题

修复 主包和分包同时存在插件时，跳转分包里的插件页面时异常的问题

修复 windows 平台 Skyline 渲染模式加载背景图导致的 crash 问题

修复 packOptions.ignore 中有 .html 后缀时，模拟器无法正常运行的问题

修复 开启条件编译后，重命名的文件没有被打包上传的Bug

修复 未提供 -tab-bar 组件导致报错的情况

修复 稳定版工具 M1 版本检查更新或者回退版本会下载到到 intel 架构版本的问题

修复 mac 拓展屏切换 crash 的问题

修复 窗口缩小时点击工具栏更多选项时出现的选项为 ? 的问题

修复 wx.chooseVideo 报 MEDIA_ELEMENT_ERROR 的问题

修复 切换 appid 时多端项目信息错误的问题

安装手册

1、首先在选任意地址将微信web开发者工具软件包下载至本地并解压安装。然后点击下一步，在开始安装之前,建议先关闭其他所有应用程序。

2、阅读“授权协议”。如果你接受协议中的条款，单击我接受继续安装。如果你选定取消，安装程序将会关闭。必须接受协议才能安装。

3、设置软件的安装位置，建议安装在D盘，此处不建议安装在C盘，如果C盘文件过多的话，会影响计算机的运行速度,设置好之后点击安装

4、软件正在安装，请耐心等待一会

5、最后，微信web开发者工具安装完成，单击【完成】开始体验。

软件效能

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

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

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

利用集成的 Chrome DevTools 协助开发

使用攻略

微信web开发者工具怎么用?

1.登录微信公众号，进入微信web开发者工具，绑定个人微信号。

2.通过个人微信号，登录微信web开发者工具。

3.从微信公众号复制链接到地址栏，大功告成。

4.然后是需要移动调试，登陆开发工具，随意打开一个公众号的页面，复制链接放在开发工具的地址栏，现在基本上就可以在电脑上面进行调试了。

5.先选择Android设备调试--普通调试。

6.只要按照他的提示--调试步骤设置手机就可以，手机代理设置如图所示：

7.手机设置完毕代理以后，点击开发者工具页面中的开始调试就可以。

问题回答

微信web开发者工具无法打开的解决方法？

解决一：软件部分组件损坏，重新安装软件解决。

解决二：在任务管理器中关掉微信web开发者工具和其他相关程序，再重新启动下微信web开发者工具即可。

微信web开发者工具如何设置开发人员？

1.登录微信公众平台，“开发-开发者工具”

2.会展示已有的开发者列表，选择“绑定开发者微信号”

3.输入已关注用户的微信号或QQ号、手机号等，“邀请绑定”

4.收到通知

5.同意绑定

6.绑定成功，微信公众平台收到提醒

特别提示

工具顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口，以及微信客户端版本的模拟设置页。左侧是微信的 webview 模拟器，可以直接操作网页，模拟用户真实行为。右侧上方是地址栏，用于输入待调试的页面链接，以及清除缓存按钮。右侧下方是相关的请求和返回结果，以及调试界面和登录按钮。