小程序开发入门-1.6、调试功能的常用选项

2026-05-11 15:32:28

1、调试工具,就是编辑器下面的这一块,看起来好像浏览器的开发者工具,因为微信小程序就是基于WEB

小程序开发入门-1.6、调试功能的常用选项

2、在导航菜单上,有个调试器的按钮,打开或者关闭调试界面,就是通过这个按钮来控制

小程序开发入门-1.6、调试功能的常用选项

3、Console(控制台)

这和Linux的终端,win的CMD一样,可以输入信息与打印信息

小程序开发入门-1.6、调试功能的常用选项

4、Sources(资源)

源文件信息页面,可以在这里查看源文件

小程序开发入门-1.6、调试功能的常用选项

5、Network(网络)

用于跟踪元素的网络请求的相关信息,比如连接时间、连接状态、文件大小等

小程序开发入门-1.6、调试功能的常用选项

6、Storage(仓库)

用于当前项目的数据存储

小程序开发入门-1.6、调试功能的常用选项

7、AppDate(小程序当前的应用数据)

可以通过修改这里面的数据,同步到模拟器的界面上,不过需要注意的是,修改的数据不会同步到源码里面,仅仅是在模拟器显示出来

小程序开发入门-1.6、调试功能的常用选项

小程序开发入门-1.6、调试功能的常用选项

8、Wxml(用于协助界面修改)

可以看到页面结构,以及WXSS属性,可以修改里面的属性,在模拟器查看修改的变化

小程序开发入门-1.6、调试功能的常用选项

猜你喜欢