Question

我想弄清楚为什么我不能在我的扩展中使用jQuery，我是一个绝对的初学者，但理论上这应该做的工作：

清单

{
    "manifest_version": 2,
    "name" : "iD",
    "version" : "0.1",
    "description" : "iD",
    "browser_action" : {
        // "default_icon" : "icon.png",
        "default_popup" : "popup.html",
        "default_title" : "iD"
    },
    "content_scripts": [ {
        "js": [ "jquery.min.js", "app.js" ],
        "matches": [ "http://*/*", "https://*/*"]
    }]
}

popup.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

</body>
</html>

app.js

$("body").append("Hello World");

然而我所看到的只是一个空的弹出窗口，而不是＆＃34; Hello World＆＃34;

Answer 1

您无法将content scripts注入扩展程序页面（包含弹出窗口）。

你需要：

阅读Architecture Overview。

将脚本直接添加到弹出窗口中：

<script src="jquery.min.js"></script>
<script src="app.js"></script>

（注释提出了一个有效点）对于所有DOM操作，请将代码包装在the ready() event中：
```
$(document).ready(function() {
  /* Manipulate DOM here */
});
```

无法在chrome扩展中使用jQuery

1 个答案: