我如何告诉 chrome 检查我的 js 函数中的元素？

Question

假设我们有一个这样的函数：

function showProps(el){
    inspect(el);
}

当我们调用此函数时，chrome 打开检查窗口并找到 el 元素，解决方案是什么？

在 chrome 控制台中，当使用检查（document.body）时，它会执行我们想要的操作并打开检查部分并选择 body 元素。 但是当我们在我的函数中运行时，它说检查（）方法未定义且未知。

Answer 1

devtools 控制台中可用的各种命令不适用于页面中运行的普通脚本。很难证明是否定的，但我认为普通脚本中没有任何可用的 API 可以让代码打开 devtools 窗口并检查元素。

作为一个糟糕的解决方法，如果您有一个很难用鼠标等选择的元素，您可以让您的代码执行

console.log(theElement)

，然后在控制台中您可以右键单击元素显示并选择“在元素面板中显示” ”。但这当然不是同一回事。

如果您愿意使用扩展程序，此问题的答案可能有用。