微信开发者工具稳定版v1.05.2110290 pc版

微信开发者工具官方介绍

为了帮助开发者简单和高效地开发和调试微信小程序，我们在原有的公众号网页调试工具的基础上，推出了全新的 微信开发者工具，集成了公众号网页调试和小程序调试两种开发模式。使用公众号网页调试，开发者可以调试微信网页授权和微信JS-SDK使用小程序调试，开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。

微信开发者工具pc功能

项目

新建项目：快速新建项目

打开最近：可以查看最近打开的项目列表，并选择是否进入对应项目

查看所有项目：新窗口打开启动页的项目列表页

关闭当前项目：关闭当前项目，回到启动页的项目列表页

菜单栏

切换帐号：快速切换登录用户

关于：关于开发者工具

检查更新：检查版本更新

开发者论坛：前往开发者论坛

开发者文档：前往开发者文档

更换开发模式：快速切换公众号网页调试和小程序调试

退出：退出开发者工具

调试：调试开发者工具、调试编辑器；如果遇到疑似开发者工具或者编辑器的 bug，可以打开调试工具查看是否有出错日志，欢迎在论坛上反馈相关问题

工具

编译：编译当前小程序项目

刷新：与编译的功能一致，由于历史原因保留对应的快捷键 ctrl(?) + R

编译配置：可以选择普通编译或自定义编译条件

前后台切换：模拟客户端小程序进入后台运行和返回前台的操作

清除缓存：清除文件缓存、数据缓存、以及授权数据

界面：控制主界面窗口模块的显示与隐藏

文件

新建文件

保存

保存所有

关闭文件

编辑：可以查看编辑相关的操作和快捷键

设置

外观设置：控制编辑器的配色主题、字体、字号、行距

编辑设置：控制文件保存的行为，编辑器的表现

通知设置：设置是否接受某种类型的通知

独立窗口

点击 模拟器/调试器 右上角的按钮可以使用独立窗口显示 模拟器/调试器

可在线登录用户微信，进行模拟真实浏览调试网页。

检验页面JSSDK功能权限，模拟大部分SDK的输入和输出。

集成的Chrome DevTools与基本的移动调试模块助力用户的开发。

小程序项目、公众号项目，独立分开。

模拟器

模拟器可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在模拟器上直接运行。

开发者可以选择不同的设备，也可以添加自定义设备来调试小程序在不同尺寸机型上的适配问题。

在模拟器底部的状态栏，可以直观地看到当前运行小程序的场景值，页面路径及页面参数

微信开发者工具界面模块

软件顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口，以及微信客户端版本的模拟设置页。

左侧是微信的 webview 模拟器，可以直接操作网页，模拟用户真实行为。

右侧上方是地址栏，用于输入待调试的页面链接，以及清除缓存按钮。

右侧下方是相关的请求和返回结果，以及调试界面和登录按钮。