微信小程序里面的单步调试和变量查看
2017-06-27 10:31
253 查看
本文是转载文章,转载自http://blog.csdn.net/bright789/article/details/54709594,谢谢原创的分享,备份在这里,只是方便查阅,如有不妥,请联系我,我会删除。
在微信小程序开始学习与开发的过程中,总有一些东西,想看看它跑起来的内容与我们编程时想的是否一致,于是就想到了能不能单步调试或者打出一些我们想要的变量的内容,以便我们做进一步的开发和调整,现在我就要介绍下微信小程序的一般用到的调试方法和打印日志以及看到变量里面的运行值。
第一步:打断点,我们必须在我们想要它停下来的地方打上调试断点,点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sources”Tab,在Sources页中点开”Top”根节点,层层打开,找到自己想要调试的js文件,一般是打那种.js后面带[sm],如index.js[sm],非index.js,当然这里之后想修改内容不能在”调试”模式下修改,而要转到”编辑”模式,之前我老容易犯这个错误,打开index.js[sm]文件后,点击左边的行上的数字,就会由灰色背景变成蓝色背景,这样断点就打好了,(如果不想要了,也可以点击就会取消)如下图所示:
第二步:运行,首先点击编译上面的那个运行小图标(或者快捷键ctrl+b),然后操作到你想要的那个界面或者触发某个动作,程序自动会跑到断点处代码,如下图所示:
第三步:单步调试,按调试器窗口(debugger)的向下箭头
(step
into nextfunction call),一步步的可以往下调试,如果想跳到下一个断点,就按调试器窗口的类似于播放的小按钮
,英文叫resume
script execution,快捷键为F8或者Ctrl+\,如下图所示
如果想看调试中变量的运行值怎么办?有许多办法,这里以查看上个界面传来的options变量值为例
办法1:让鼠标指针放在变量上,他会有提示框,框内就是变量值,如下图所示
办法2:使用console.log(options);打印出来,在console窗口可以查看,如下图所示
方法3:在调试器窗口,点开Scope标签,然后再点开相应变量,如下图所示
如果我们的断点过多或者不想它们调试了,怎么让它们失效呢?
办法就是点击调试器窗口中的图标
,英文叫deactive
breakpoints(或者快捷键:Ctrl+F8)
在微信小程序开始学习与开发的过程中,总有一些东西,想看看它跑起来的内容与我们编程时想的是否一致,于是就想到了能不能单步调试或者打出一些我们想要的变量的内容,以便我们做进一步的开发和调整,现在我就要介绍下微信小程序的一般用到的调试方法和打印日志以及看到变量里面的运行值。
第一步:打断点,我们必须在我们想要它停下来的地方打上调试断点,点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sources”Tab,在Sources页中点开”Top”根节点,层层打开,找到自己想要调试的js文件,一般是打那种.js后面带[sm],如index.js[sm],非index.js,当然这里之后想修改内容不能在”调试”模式下修改,而要转到”编辑”模式,之前我老容易犯这个错误,打开index.js[sm]文件后,点击左边的行上的数字,就会由灰色背景变成蓝色背景,这样断点就打好了,(如果不想要了,也可以点击就会取消)如下图所示:
第二步:运行,首先点击编译上面的那个运行小图标(或者快捷键ctrl+b),然后操作到你想要的那个界面或者触发某个动作,程序自动会跑到断点处代码,如下图所示:
第三步:单步调试,按调试器窗口(debugger)的向下箭头
(step
into nextfunction call),一步步的可以往下调试,如果想跳到下一个断点,就按调试器窗口的类似于播放的小按钮
,英文叫resume
script execution,快捷键为F8或者Ctrl+\,如下图所示
如果想看调试中变量的运行值怎么办?有许多办法,这里以查看上个界面传来的options变量值为例
办法1:让鼠标指针放在变量上,他会有提示框,框内就是变量值,如下图所示
办法2:使用console.log(options);打印出来,在console窗口可以查看,如下图所示
方法3:在调试器窗口,点开Scope标签,然后再点开相应变量,如下图所示
如果我们的断点过多或者不想它们调试了,怎么让它们失效呢?
办法就是点击调试器窗口中的图标
,英文叫deactive
breakpoints(或者快捷键:Ctrl+F8)
相关文章推荐
- 【微信小程序】在手机上查看调试微信小程序
- VS调试Qt程序时查看变量显示地址值问题解决
- VS 2010调试程序,怎么查看其中变量的值
- 在调试MFC程序中查看变量的方法(包含控制台)
- 【微信小程序】在手机上查看调试微信小程序
- VC6.0单步调试时查看全局变量的值
- Keil调试程序如何查看变量
- 不用单步调试,也可以查看程序日志
- 微信小程序-单步断点调试
- 实验 8 数组2 1、程序调试,按照“分析结果、设置断点、使用单步执行并观察变量、分析变量结果、修改程序”五个阶段调试和改正程序;
- # include <errno.h >查看错误代码errno是调试程序的一个重要方法。当Linux C API函数发生异常时,一般会将errno变量赋值一个整数,不同的值表示不同的含义,可以通过查看
- 通过telnet查看程序中的变量及执行调试函数
- Keil调试程序如何查看变量
- GDB调试方法:查看变量
- windows下eclipse cdt 无法运行和调试程序,没有输出(调试和运行时不修改系统变量导入第三方dll库)
- stlport调试watch查看容器里面的值
- 在VS中调试C#程序,如何查看内存、寄存器、反汇编
- 利用makefile的语法功能,查看Android中Android.mk里面的变量的值
- 如何在vs (visual studio)调试环境下查看lua的调用栈、变量信息
- smarty 调试查看所有变量