在Javascript控制台中控制Chrome Web Inspector？

Question

无论如何都要在JavaScript控制台中控制Chrome Web Inspector？

例如,假设我想在"Elements"面板中选择一个元素(#test_element).通常我右键单击元素并选择"Inspect Element".

我想在JavaScript控制台中执行此操作,使用类似于:

webInspector.inspectElement("#test_element");

我希望能够以这种方式访问​​Web检查器的整个UI.我也愿意为此使用扩展.

Answer 1

使用inspect用于这一目的.由于您要使用选择器,请将其与控制台的^别名结合使用.如果页面覆盖,因为它使用jQuery,用于获取对DOM元素的引用(任何事情都可以,只要它是对DOM节点的引用).$ document.querySelector$$$(selector)[0]