Javascript 从Chrome扩展脚本访问DOM检查器

我正在为我的需要编写一个Chrome插件。我希望能够选择像Adblock Plus do这样的HTML元素，以便能够查看元素及其子元素的更改。我在我的

content.js

中使用

MutationObserver

我怎样才能使它按我想要的方式工作？我想从弹出菜单中触发它。我看到有这样一个API：

chrome.devtools.inspectedWindow

，也许我可以利用它

manifest.json

{
    "manifest_version": 2,
    "name": "PageFontStyle",
    "version": "1.0",
    "description": "Changes font style on page",
    "devtools_page": "devtools.html",
    "icons": {
        "128":"icon128.png",
        "48":"icon48.png",
        "16":"icon16.png"
    },
    "browser_action": {
        "default_icon": "icon16.png",
        "default_popup": "popup.html",
        "default_title": "Page Font Style"
    },

    "background": {
        "scripts": ["background.js"]
    },
    "content_scripts": [
        {
            "matches": ["<all_urls>"],
            "js": ["jquery-3.3.1.min.js", "content.js"],
            "css": ["content.css"]
        }
    ],
    "permissions": [
        "tabs",
        "activeTab"
    ]
}

{
“清单版本”：2，
“名称”：“PageFontStyle”，
“版本”：“1.0”，
“说明”：“更改页面上的字体样式”，
“devtools_页面”：“devtools.html”，
“图标”：{
“128”：“icon128.png”，
“48”：“icon48.png”，
“16”：“icon16.png”
},
“浏览器操作”：{
“默认图标”：“icon16.png”，
“默认弹出窗口”：“popup.html”，
“默认标题”：“页面字体样式”
},
“背景”：{
“脚本”：[“background.js”]
},
“内容脚本”：[
{
“匹配项”：[“”]，
“js”：[“jquery-3.3.1.min.js”，“content.js”]，
“css”：[“content.css”]
}
],
“权限”：[
“标签”，
“活动选项卡”
]
}

我已经看到了至少几个现有答案，请尝试搜索。简而言之，您可以使用uBlock使用的js库，或者通过chrome.debugger API发出RDP命令来复制devtools的精确覆盖。您找到解决方案了吗？我已经看到了至少几个现有的答案，请尝试搜索。简而言之，您可以使用一个类似于uBlock使用的js库，或者通过chrome.debugger API发出RDP命令来复制devtools的精确覆盖。您找到解决方案了吗？