谷歌浏览器开发者工具系列26:执行选中的代码块

介绍

chrome开发者工具为我们提供了一个选中块代码并且执行的功能。它的快捷键是Ctrl + Shift + E。切换到Source面板中就可以操作了。

使用方法

请确保我们的断点正在进行中,然后选择一块代码。选中这块区域,然后修改代码像下面这样的:

this.foo = 'hello';
this.bar = 'world';

然后变成这样:

foo = 'hello';
bar = 'world';

实际上我们只是把this关键字移除,重新用变量定义了它们的值。这样我们就有了foobar两个变量,并且在调试的时候使用到它们。
run highlighted code block - 谷歌浏览器开发者工具系列26:执行选中的代码块

使用场景

这个技巧在调试的过程中执行新的逻辑运算非常有用。例如你要在断点处重新修改你的代码逻辑,就可以按照这种方式,预先在浏览器中预览代码的执行结果。

发表回复 0