使用从Chrome控制台中的Chrome扩展程序加载的jQuery

Question

我正在开发一个Chrome扩展程序，该扩展程序附带了jQuery，并且manifest.json中引用了jQuery，并且当我从扩展包中的其他JS文件中引用它时，该扩展程序可以按预期工作。

但是从Chrome控制台，即使我知道我的扩展程序已加载，jQuery也无法访问

我试图这样访问它：

$('div').append(); 等或jQuery

而且它们都不起作用。

没有具有jQuery支持的控制台会极大地阻碍开发过程。

Answer 1

我将定义您的其他内容脚本，该脚本会将jQuery嵌入到每个页面中。

manifest.json

{
    "name": "Content script",
    "version": "0.1",
    "content_scripts": [{
        "matches": ["http://*/*"],
        "js": ["jquery-loader.js"]
    }]
}

在jquery-loader.js内部：

var script = document.createElement('script');
script.src = 'jquery.min.js';
(document.body || document.head).appendChild(script);

这样，您将在任何页面上使用jQuery。