一、概述
记录谷歌浏览器实用的调试技巧。
二、详解
技巧1:打开F12调试工具的前提下按下Ctrl + Shift + P
如下图所示,按下组合键,可打开命令面板。
技巧2:调试工具的Element面板下,按照Alt + 鼠标左键可以将目标节点全部打开或关闭
技巧3:控制台中,$_变量
$_是一个特殊的变量,标识控制台中上次执行的表达式的结果。这个变量可以用于在控制台中使用上次执行的结果。
例如,假设你在控制台中执行了以下代码:
var x = 5;
var y = 10;
x + y;
在执行 x + y 后,结果会被存储在 $_ 变量中。以后,你可以在控制台中使用 $_ 来引用上次的结果,而不需要重新计算表达式。例如,你可以执行以下代码:
$_ * 2;
这将返回结果 30,因为 $_ 存储的是上次执行的表达式 x + y 的结果(即 15),然后乘以 2。
注意,$_ 只会保存上一次执行的结果,如果执行了其他表达式,它会被更新为最新的结果。