时间戳

首页 > 解决方案 > 从 Chrome 扩展脚本访问 DOM 检查器

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

问题描述

我正在为我的需要编写一个 Chrome 插件。我希望能够选择像 Adblock Plus 这样的 HTML 元素，以便能够观察元素及其子元素的变化。我MutationObserver在我的content.js.

我怎样才能让它按我想要的方式工作？我想从弹出菜单中触发它。我看到有这个 API: chrome.devtools.inspectedWindow，也许我可以以某种方式使用它？

清单.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"
    ]
}

标签： javascriptgoogle-chromegoogle-chrome-extensionadblock

解决方案

推荐阅读