Google chrome 如何获取控制台变量中表示的div的可视引用

这个问题与Firefox和Chrome有关。如果你想在答案中加入其他浏览器，那就太好了，尽管我肯定想要Chrome和FF！。调试HTML和Javascript应用程序时，我经常在控制台中使用引用页面上div的变量。然而，我经常弄不清楚如何确定它实际引用了哪个div。是否有一些可以获得视觉参考？例如，我有一个名为myDiv的变量。我知道页面上有一个div，但我不知道是哪一个。也许有一个特殊的浏览器命令，比如myDiv.hilight，它会在页面上直观地突出显示该div。

好吧，如果您在控制台中键入myDiv，它返回一个属于HTML结构的元素，那么当您将鼠标悬停在Chrome控制台中返回的元素上时，它会在页面上突出显示该元素

这有点难以解释，但如果变量是myDiv，请尝试在Chrome开发者控制台中键入myDiv并按enter键。当它输出一个元素时，将光标悬停在它上面

---

如果变量不是全局变量，因此无法直接从Chrome控制台访问，那么在脚本中使用console.logmyDiv可以获得相同的结果。

Cool，这样对Chrome有效。对于Firefox，我安装了具有相同功能的Firebug。