谷歌浏览器不仅可以用来上网,而且对于开发者来说,它更像是一个强大的开发助手。
有必要从Chrome的良好工作中获益,然后我将与您分享使用它的一些方法。
如果读者知道如何在Chrome中添加Javascript断点,请继续阅读;否则,请自行弥补。
如果有这样的代码:
复制代码代码如下所示:
var a=1;
函数测试(){
变量a,b,c,d,e;
a = 2;
b = 1;
b=9;
c=3;
D = 4;
e(a);
Return E;
}
测试();
代码本身并不重要,重要的是表单。
如果E是我们最终需要的结果,但结果是不正确的,我们打破了分配E的一点。
断开断点后,将鼠标移动到一个变量,然后暂停一段时间,此时Chrome将提醒您变量的值。
但是表达式更复杂,只查看单个变量的值不起作用,看起来很正常,计算错误。
这时,您可能想知道(a + b C)的结果。不要担心,首先选择表达式,然后移动鼠标到选定的区域,然后停留一会儿。
Chrome告诉你答案,更有趣的还在后面。
直接单击所选区域中的鼠标右键,在顶部的两个项目上弹出一个菜单:{添加到观察},{控制台}中的评价。参考图片的特定视图。
所谓的手表可以理解为监视。有些表达式更重要。在整个调试过程中,可能需要实时监控表达式的值,然后才能使用表。
例如,我们将断点设置在行B = 9;上,然后添加该表::
单击下一步,执行b = 9;
这样,实现了实时监控的效果,调试更加方便快捷。
然后看看控制台发生了什么。
控制台当然是控制台,表达式可以直接在控制台中进行评估。
例如,如果你想知道(A + B C)的结果,直接拷贝到控制台,返回汽车,结果就出来了。
等一下,好像哪里出了问题。用什么控制台你知道A,B和C的价值
在没有断点的情况下,控制台中Javascript代码的执行是全局的,也就是说,此时在控制台中定义了变量x,x的范围是全局的。
如果在程序中断的情况下使用控制台,则控制台的范围以中断的范围为导向,即设置断点的位置(或执行代码的地方),控制台的范围是它所在的位置。
对于这个示例,变量a在全局作用域中定义,其值为1;同时,在测试域中定义了一个本地变量a,其值为2,在a = 2;在断点处,输入控制台中的A,返回到汽车,并打印未定义的。
由于程序在功能测试中被中断,程序在功能测试中被执行,所以控制台的范围也在功能测试中。因此,输入A是局部变量A,并且不分配局部变量a,所以结果是不确定的。
这是第一次分享这么多,遇到可怕的分享后,希望对读者有所帮助。