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

Question

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

例如，假设我想在“Elements”面板中选择一个元素（#test_element）。通常我右键单击元素并选择“Inspect Element”。

我想在JavaScript控制台中使用以下内容执行此操作：

webInspector.inspectElement("#test_element");

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

Answer 1

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

Answer 2

来自Command Line Api Reference

  

<强> inspect(object)

     

打开并选择相应的指定元素或对象   panel：DOM元素的Elements面板和Profiles   JavaScript堆对象的面板。

     

以下示例打开document.body的第一个子元素   在“元素”面板中：

inspect(document.body.firstChild);