微信web开发者工具

为了帮助开发者简单和高效地开发微信小程序，腾讯推出了全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能。微信公众平台发布了微信web开发者工具，可以在PC或Mac上模拟访问微信内网页，帮助开发者更方便、更安全地开发和调试基于微信的网页。微信web开发者工具是一个桌面应用，通过模拟微信客户端的表现，使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。

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

微信web开发者工具主要功能

1.使用真实用户身份，调试微信网页授权。

　　2.校验页面的JSSDK权限，以及模拟大部分SDK的输入和输出。

　　3.利用集成的Chrome DevTools和基本的移动调试模块，协助开发。

界面模块

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

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

更新日志

1.修复 导航条背景色错误时白屏问题2.修复 小程序页面跳转时 WXML 面板可能空白的问题3.修复 修复计算上传代码包错误的问题4.新增 新建项目时可以选择创建腾讯云的 quick start 项目。5.新增 编辑器右键创建 Component 功能。6.修复 模拟器选择 offline 后，没有明确提示问题。7.修复 wx.downloadFile 的 downloadTask.onProgressUpdate 缺少返回参数totalBytesWritten、totalBytesExpectedToWrite 的问题。8.修复 工具异常退出后仍然有进程未关闭并占用大量CPU资源的问题。9.修复 切换设备时 rpx 计算有误的问题。10.修复 websocket 自动断开时，未重置连接状态的问题。11.修复 页面分享时 Page.onShareAppMessage 回调参数没有 webViewUrl 的问题。12.修复 中的网页有 iframe 导致网页主页面无法调用 JSSDK 的方法的问题。13.修复 没有校验 iframe 中链接合法性的问题14.修复 wxml style 列表无法滚动到底部的问题。15.修复 wxml 大量节点更新时导致调试器整体卡顿的问题。16.修复 wxml 显示嵌套 出错的问题。17.修复 wx.authorize 用户拒绝依然回调 ok 的问题。18.修复 自定义编译条件预览时自定义参数有误的问题。19.修复 路由 API 在目标页面获取的参数与客户端不一致的问题。20.优化 项目列表的视觉展示。21.优化 编辑器显示目录树的功能图标位置固定。22.优化 预览/上传前先计算项目代码包大小再进行编译打包处理，避免项目过大导致内存溢出。