微信小程序开发工具快捷键 以及常用的调试页面介绍
(1)编辑下快捷键:ctrl+[,ctrl+]:代码行缩进shift+alt+F:代码格式化shift+alt+up, shift+alt+down:向上向下复制一行ctrl+shift+Enter:在当前行上方插入一行ctrl+shift+F:全局搜索ctrl+\:隐藏侧边栏ctrl+M:打开或者隐藏模拟器(2)调试工具页面1、Console窗口用来显示小...
(1)编辑下快捷键:
ctrl+[, ctrl+]:代码行缩进
shift+alt+F:代码格式化
shift+alt+up, shift+alt+down:向上向下复制一行
ctrl+shift+Enter:在当前行上方插入一行
ctrl+shift+F:全局搜索
ctrl+\:隐藏侧边栏
ctrl+M:打开或者隐藏模拟器
(2)调试工具页面
1、Console窗口用来显示小程序的错误输出信息和调试代码
比如打印出数据,报错信息这种都在控制台查看
2、Sources窗口用于显示当前项目的脚本文件,在Sources中开发者看到的文件是经过处理之后的脚本文件
3、Network窗口用来观察发送的请求和调用文件的信息
网络出现问题查看这里
4、Storage窗口用于显示当前项目使用wx.setStorage或者wx.setSync后的数据存储情况
如果设置了全局变量或者本地存储变量,需要在页面之间使用,出现问题在这里进行查看
5、AppData窗口用于显示当前项目当前时刻的具体数据,实时地反馈项目的数据情况,可以在此处编辑数据,并将其及时地反馈到界面上
6、Wxml窗口用于帮助开发者开发Wxml转化后的界面。在这里可以看到真实的页面结构及结构对应的wxss属性,同时可以修改对应的wxss属性
页面出现问题,就查看运行过后页面的代码,可以查看页面结构和样式这些内容。
更多推荐
所有评论(0)