小机灵鬼|Chrome 开发者工具的 11 个高级使用技巧( 二 ) 本文作者从开发者角度出发

首先，我们在“元素”面板中选择一个元素，然后运行Capture node screenshot命令，如下图所示。
下面是准确的屏幕截图的结果：
2. 在控制台中引用上一次的执行结果我们常常需要在控制台中调试代码。比如你想知道如何在 JavaScript 中反转字符串，然后你在网络上搜索相关信息并找到以下代可行代码。
'abcde'.split('').reverse().join('')
没问题，上面的代码确实对字符串进行了翻转。但你还想了解 split()、reverse()、join() 这些方法的作用以及运行他们的中间步骤的结果。因此，现在你想逐步执行上述代码，可能会编写如下内容：
好了，经过上面这些操作，我们确实知道了每个方法运行的返回值，也就了解了各个方法的作用。
但是，这给人的感觉有点多此一举。上面的做法既容易出错，又难以理解。实际上，在控制台中，我们可以使用魔术变量$_引用上一次操作的结果。
$_是一个特殊变量，它的值始终等于控制台中上一次操作的执行结果。它可以让你更加优雅地调试代码。
3. 重新发送 XHR 请求XHR ，即 XMLHttpRequest ，是一种创建 AJAX 请求的 JavaScript API。
在我们的前端项目中，我们经常需要使用 XHR 向后端发出请求来获取数据。如果你想重新发送 XHR 请求，那么该怎么办呢？
对于新手来说，可能会选择刷新页面，但这可能比较麻烦。实际上，我们可以直接在“网络”面板中进行调试。