微信开发者工具有三大模块。小程序模拟器、小程序编辑器、小程序调试器。每个模块都有不同的作用。调试器的功能类似浏览器里页面的审查元素,我们在元素调式框里修改属性,可以查看到页面相关属性的变化,找到相关的页面样式文件。微信小程序开发工具的调试器也是这样子。
## 微信开发者工具-调试器
调试器分为 6 大功能模块:Wxml、Console、Sources、Network、Appdata、Storage,大家可以百度找教程看看,我们主要用到Console
## **Console**
Console有两大功能:
* 开发者可以在此输入和调试代码
![
](images/screenshot_1623381279889.png)
* 小程序的错误输出,会显示在此处
![
](images/screenshot_1623381296236.png)
如在使用过程中出现问题,首先请查看开发者工具Console中是否有输出报错信息(显示为红色),然后将问题复现步骤和报错信息反馈到论坛进行提问,
>请描述具体的问题及可以复现的操作步骤及报错的截图,以及发生问题的设备及网络
- 微慕介绍
- 准备工作
- 一、服务器配置
- 二、小程序配置
- 三、WordPress配置
- 四、微慕插件配置
- 安装激活
- 基础设置
- 常规
- 显示
- 功能
- 积分
- 广告
- 消息
- 会员
- 进阶设置
- 轮播图/精选栏目
- 广告位
- VIP设置
- 小商店设置
- 会员管理
- 留言管理
- 分类管理
- 管理员功能
- 直播功能
- 其他设置项
- 媒体中心
- 五、小程序前端配置
- 前端配置
- 简单修改
- 审核优化
- 个人资质前端修改
- 更多配置
- 提交搜索
- 扩展链接
- 积分红包
- 缓存加速
- H5跳转设置
- 短代码/短链接
- 字体图标
- 扩展字段
- 解析组件
- 付费阅读
- 小商店
- 扫码登录
- 自定义公众号菜单
- 视频号主页扩展
- 半屏打开小程序
- 常见问题
- 使用常见
- 售前常见
- 页面路径
- 更新日志
- 1.0版本
- 2.0版本
- 3.0版本
- 问题调试
- 开发工具调试
- 排查和解决
- 客户案例