谷歌浏览器调试javascript提示 浏览:759

谷歌浏览器不仅可以用来上网,而且对于开发者来说,它更像是一个强大的开发助手。

有必要从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,所以结果是不确定的。

这是第一次分享这么多,遇到可怕的分享后,希望对读者有所帮助。
推荐文章1
广告