电话+V:159999-78052,欢迎咨询微信小程序终端调试命令,[小程序设计与开发],[小程序投流与推广],[小程序后台搭建],[小程序整套源码打包],[为个体及小微企业助力],[电商新零售模式],[小程序运营推广及维护]
打开微信小程序,在小程序的右上角,“三个点成一排”的按钮点一下,会弹出“关闭调试”的选项,点击关闭它。
vConsole是腾讯开发的一个轻量、可拓展、针对手机网页的前端开发者调试面板,具体介绍见请:vConsole官方仓库。
小程序里的vConole工具微信小程序在开发过程中也可以使用vConole辅助在手机端进行调试,具体方法是:点击开发版小程序又上角【三个点】,之后选择打开调试。
在使用小程序开发工具中,由于log记录过多,我们在一次调试过程中可能会使用clear来清除log,事实上clear没有像chrome的“clearconsole”一样,做到真正的清除log。而是将log清除后缓存了起来。待你下次刷新页面时会将两次log一起打印出来。
VConsole的功能:
VConsole是腾讯开源的一个轻量、可拓展、针对手机网页的前端开发者调试面板。
作为前端而言,通常习惯在PC通过F12使用调试面板,进行调试或者查看接口信息等。
在移动端我们可以使用VConsole来实现相同的功能。它是一个网页前端调试面板,专为手机web页面量身设计,帮助开发者更为便捷地进行开发调试工作。
前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。
Console是调试器的控制台模块,主要用于输出调试信息和日志,方便开发者追踪和解决代码问题。
在使用微信开发者工具调试器时,开发者可以通过以下步骤进行操作:
1.打开调试器:在微信开发者工具界面中,找到调试器图标并点击,即可进入调试器界面。
2.选择调试对象:在调试器界面中,开发者可以通过选择器选择要调试的组件或页面,实时查看并修改相关属性。
3.使用调试模块:调试器提供包括Wxml、Console、Sources、Network、Appdata、Storage在内的六大功能模块,开发者可以根据需求在这些模块中进行操作。例如,Wxml模块用于查看和修改页面结构,Sources模块显示项目脚本文件,Network模块监控请求情况等。
4.利用控制台Console:在控制台中输入调试命令或查看输出信息,帮助开发者了解代码执行情况、追踪错误信息、优化性能等。
5.保存和应用修改:在调试器中进行的修改和测试完成后,开发者可以保存变更并将其应用到实际项目中。
微信小程序开发工具常用快捷键
1、格式调整快捷键
ctrl+S:保存文件。
ctrl+[,ctrl+]:代码行缩进。
ctrl+shift+[,ctrl+shift+]:折叠打开代码块。
ctrl+C,ctrl+V:复制粘贴,如果没有选中任何文件则复制粘贴一行。
shift+alt+F:代码格式化。
alt+up,alt+down:上下移动一行。
shift+alt+up,shift+alt+down:向上向下复制一行。
ctrl+shift+Enter:在当前行上方插入一行。
ctrl+shift+F:全局搜索。
2、光标相关快捷键
ctrl+End:移动到文件结尾。
ctrl+Home:移动到文件开头。
ctrl+I:选中当前行。
shift+End:选择从光标处到行尾。
shift+Home:选择从行首到光标处。
ctrl+shift+L:选中所有匹配。
ctrl+D:选中匹配。
ctrl+u:光标回退。
3、界面相关快捷键
ctrl+\:隐藏侧边栏。
ctrl+M:打开或者隐藏模拟器。
小程序的调试工具有Console、Sources、Network、Storage、AppData、Wxml。
1、Console窗口用来显示小程序的错误输出信息和调试代码,如图所示。
2、Sources窗口用于显示当前项目的脚本文件,在Sources中开发者看到的文件是经过处理之后的脚本文件,如图所示。
3、Network窗口用来观察发送的请求和调用文件的信息,如图所示。
4、Storage窗口用于显示当前项目使用wx.setStorage或者wx.setSync后的数据存储情况,如图所示。
5、AppData窗口用于显示当前项目当前时刻的具体数据,实时地反馈项目的数据情况,可以在此处编辑数据,并将其及时地反馈到界面上,如图所示。
6、Wxml窗口用于帮助开发者开发Wxml转化后的界面。在这里可以看到真实的页面结构及结构对应的wxss属性,同时可以修改对应的wxss属性,如图所示。
电话+V: 159999-78052
专注于小程序推广配套流程服务方案。为企业及个人客户提供了高性价比的运营方案,解决小微企业和个体拓展客户的问题