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

时间:2019-04-13 12:27:41

标签: javascript google-chrome google-chrome-extension adblock

我正在为我的需要编写chrome插件。我希望能够选择HTML元素,例如Adblock Plus,以便能够监视元素及其子元素的更改。我在MutationObserver中使用content.js。谁能帮忙弄清楚如何使其以我想要的方式工作?我想从弹出菜单中触发它。 我看到有一个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"
    ]
}

0 个答案:

没有答案