Question

我正在尝试使用Chrome插件。我正在尝试在html页面上找到所有<p>标记，并更改这些标记的font-family / size / color。基本上我只是在尝试这个。

这是我到目前为止所做的。

一个。的manifest.json

{
    "name": "ABC XYZ",
    "description": "La la la...",
    "version": "1",
    "browser_action": {
        "default_title": "ABC",
        "default_icon": {
            "19": "icons/logo.png"
        },
        "default_popup": "mydefault.html"
    },
    "manifest_version": 2
}

B中。 mydefault.html

<html>

<head>
    <script src="jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#do-magic").click(function() {
                // do something here with the page html.
                // change font-family
                $("body").append("test");
            });
        });
    </script>
</head>

<body>
    <span id="do-magic">Start</span>
</body>

</html>

打包并加载到chrome时，除了我尝试访问页面元素的click事件之外，这个工作正常。

enter image description here