⑴微信开发者工具是微信公众号官方推出的一款专门给用户制作微信小程序和给公众号添加新的功能的软件,使用小程序调试,开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。感兴趣的朋友快来下载使用吧。
⑵微信web开发者工具
⑶切换帐号:快速切换登录用户
⑷关于:关于开发者工具
⑸检查更新:检查版本更新
⑹开发者论坛:前往开发者论坛
⑺开发者文档:前往开发者文档
⑻调试:调试开发者工具、调试编辑器;如果遇到疑似开发者工具或者编辑器的 bug,可以打开调试工具查看是否有出错日志,欢迎在论坛上反馈相关问题
⑼更换开发模式:快速切换公众号网页调试和小程序调试
⑽退出:退出开发者工具
⑾新建项目:快速新建项目
⑿打开最近:可以查看最近打开的项目列表,并选择是否进入对应项目
⒀查看所有项目:新窗口打开启动页的项目列表页
⒁关闭当前项目:关闭当前项目,回到启动页的项目列表页
⒂编辑:可以查看编辑相关的操作和快捷键
⒃编译:编译当前小程序项目
⒄刷新:与编译的功能一致,由于历史原因保留对应的快捷键 ctrl(? + R
⒅编译配置:可以选择普通编译或自定义编译条件
⒆前后台切换:模拟客户端小程序进入后台运行和返回前台的操作
⒇清除缓存:清除文件缓存、数据缓存、以及授权数据
⒈界面:控制主界面窗口模块的显示与隐藏
⒉外观设置:控制编辑器的配色主题、字体、字号、行距
⒊编辑设置:控制文件保存的行为,编辑器的表现
⒋通知设置:设置是否接受某种类型的通知
⒌点击用户头像可以打开个人中心,在这里可以便捷的切换用户和查看开发者工具收到的消息。
⒍用户头像右侧是控制主界面模块显示/隐藏的按钮。至少需要有一个模块显示。
⒎工具栏中间,可以选择普通编译,也可以新建并选择自定义条件进行编译和预览。
⒏通过切后台按钮,可以模拟小程序进入后台的情况
⒐工具栏上提供了清缓存的快速入口。可以便捷的清除工具上的文件缓存、数据缓存、还有后台的授权数据,方便开发者调试。
⒑工具栏右侧是开发辅助功能的区域,在这里可以上传代码、版本管理、查看项目详情
⒒在工具栏上点击鼠标右键,可以打开工具栏管理
⒓模拟器可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在模拟器上直接运行。
⒔开发者可以选择不同的设备,也可以添加自定义设备来调试小程序在不同尺寸机型上的适配问题。
⒕在模拟器底部的状态栏,可以直观地看到当前运行小程序的场景值,页面路径及页面参数
⒖点击 模拟器/调试器 右上角的按钮可以使用独立窗口显示 模拟器/调试器
⒗使用真实用户身份,调试微信网页授权。
⒘校验页面的JSSDK权限,以及模拟大部分SDK的输入和输出。
⒙利用集成的Chrome DevTools和基本的移动调试模块,协助开发。