手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

微信开发者工具有哪些部分或功能

时间:2024-10-12 21:36:45

1、第一步,双击桌面上的微信开发者工具图标。

微信开发者工具有哪些部分或功能
微信开发者工具有哪些部分或功能

2、第二步,选择其中一个项目,打开其中一个小程序的项目。

微信开发者工具有哪些部分或功能

3、第三步,微信开发者工具最上面是工具栏,包括”项目“、”文件“、”编辑“、”工具“、”界面“、”设置“等菜单栏。

微信开发者工具有哪些部分或功能

4、第四步,开着工具调试功能主要包括模拟器、编辑器、调试器三个部分,者三个功能,只有选中时,才会显示。模拟器就是最左侧的类似于手机屏幕的部分。

微信开发者工具有哪些部分或功能

5、第五步,调试器的console功能,可以将通过console.log()将信息输入console面板中。

微信开发者工具有哪些部分或功能

6、第六步,调试器的sources面板,主要显示当前项目的脚本文件,左侧显示源文件的目录结构。

微信开发者工具有哪些部分或功能

7、第七步,调试器的network面板,主要用于观察和显示网络请求request和socket的情况。

微信开发者工具有哪些部分或功能

8、第八步,调试器的security面板,主要用于显示当前项目安全情况。

微信开发者工具有哪些部分或功能

9、第九步,调试器的appdata面板,主要显示当前项目的具体数据,实时反馈项目数据情况。

微信开发者工具有哪些部分或功能

10、第十步,调试器的storage面板,主要用于显示项目使用本地存储的的情况。

微信开发者工具有哪些部分或功能

11、第十一步,调试器的wxml面板,主要用于查看wxml转化后的界面。

微信开发者工具有哪些部分或功能

12、第十二步,使用编辑器功能,可以修改项目的代码。

微信开发者工具有哪些部分或功能
© 手抄报圈