【金融培训】Web前端学习第10章小程序开发2微信开发者工具介绍

1、 微信开发者工具简介

微信开发者工具是微信小程序的官方微信开发工具，专注于开发、调试、预览、上传等功能。微信团队发布了微信小程序开发工具、微信小app开发文档和微信小软件设计指南。新的开发工具集成了开发调试、代码编辑、程序发布等功能，帮助开发人员简单高效地开发微信小程序。

在启动该工具时，开发者需要使用在后台成功绑定的微信扫描二维码登录。所有后续操作将基于此微信账户

程序调试主要有三个功能区：模拟器、调试工具和小程序操作区

模拟器模拟客户端上微信小程序的真实逻辑性能，大多数API都可以在模拟器上显示正确的状态。

调试工具分为六个主要功能模块：Wxml、控制台、源代码、网络、Appdata、存储和WxmlPannel

WxmlPannel用于帮助开发人员开发Wxml转换接口。在这里，您可以看到真实的页面结构和与该结构相对应的wxss属性。同时，您可以通过修改wxss属性在模拟器中实时查看修改。通过调试模块左上角的选择器，您还可以快速找到与页面中的组件对应的wxml代码。

Pannel源代码用于显示当前项目的脚本文件。与浏览器开发不同，微信小程序框架脚本是编译的。因此，开发人员在源面板中看到的文件是经过处理的脚本文件。开发人员的代码将被包装在define函数中，对于Page代码，它将在最后被主动调用。

Netwrok Pannle用于观察和显示请求和套接字请求。

appdata Pannel用于显示当前项目当前时间appdata的具体数据，实时反馈项目数据，在此处编辑数据，并及时反馈到界面。

存储面板用于显示使用wx后当前项目的数据存储。setStorage或wx.setStorageSync。

控制台面板有两个功能：开发者可以在这里输入和调试代码，以及微信小程序错误输出。

微信小程序操作区帮助开发者模拟一些客户端环境操作。例如，当用户从微信小程序返回聊天窗口时，会触发一个微信小app作为后台api。