Google chrome extension 使用chrome devtools扩展突出显示节点

Google chrome extension 使用chrome devtools扩展突出显示节点,google-chrome-extension,google-chrome-devtools,Google Chrome Extension,Google Chrome Devtools,我希望以与element inspector(在开发工具中)相同的方式突出显示chrome开发工具扩展中的dom元素。有什么特殊的API吗? 谢谢每当您使用DevTools控制台评估所检查页面中的某些代码时,DevTools都会公开一组称为的帮助程序调用。此API包括inspect()调用,其效果与用户从上下文菜单调用“inspect Element”的效果相同,即调出Elements面板并高亮显示节点。inspect()调用以及命令行API的其余部分可用于由DevTools extension

我希望以与element inspector(在开发工具中)相同的方式突出显示chrome开发工具扩展中的dom元素。有什么特殊的API吗?
谢谢

每当您使用DevTools控制台评估所检查页面中的某些代码时,DevTools都会公开一组称为的帮助程序调用。此API包括inspect()调用,其效果与用户从上下文菜单调用“inspect Element”的效果相同,即调出Elements面板并高亮显示节点。inspect()调用以及命令行API的其余部分可用于由DevTools extensions使用chrome.DevTools.inspectedWindow.eval()计算的代码,因此您可以执行以下操作:

chrome.devtools.inspectedWindow.eval("inspect(document.body)");

如果您只想在检查过的页面侧突出显示,而在“元素”面板上没有任何事情发生(例如,当您在页面上悬停时,元素面板中的观察镜打开了DOM搜索模式),那么您必须自己实现这一点,因为目前没有用于此目的的API。我建议只使用内容脚本向元素添加自定义样式。

是的,我已经浏览了devtools API,但找不到任何可以做到这一点的方法。