添加jQuery停止执行脚本

Z时代
2024-01-10
分类：问答

我试图编写一个Chrome扩展，在目标页面上放置一个小脚本，然后针对页面上的项目执行特定操作。作为Chrome扩展程序的新手，我已经开始使用“Hello World”警报。这工作正常，但是我实际上想要做的事情包括对对象使用jQUery。添加jQuery停止执行脚本

虽然我的目标页面已经导入jQuery，但如果我尝试在我的脚本中使用它，我会得到一个异常，即$未定义。但是，如果我自己尝试导入它，即使alert停止工作。

下面是我的代码，任何人都可以指出我要去哪里错了吗？

manifest.json的

{ 
    "manifest_version": 2, 
    "name": "Hello World", 
    "description": "Simple Hello World Extension", 
    "version": "1.0", 
    "content_scripts": [ 
    { 
     "matches": ["http://localhost:46950/"], 
     "run_at": "document_end", 
     "js": ["http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", "popup.js"] 
    } 
    ] 
}

popup.js

$(helloWorld()); 
function helloWorld() 
{ 
    alert("Hello World"); 
}

更新

挖掘到的Chrome：//扩展，我意识到，当我尝试使用下面的代码，扩展名不是loade d到Chrome中。如果我尝试再次手动加载它，我会得到以下例外：

无法从“'加载扩展名。无法加载JavaScript内容脚本。

回答：

好吧，我设法找到this答案，这给了我一些线索发生了什么事。

Chrome看起来不会在扩展中的外部资源中加载。因此，当我试图通过谷歌加载jQuery，它不会加载它，并崩溃了整个扩展。

我试图这样做的原因是，以免导致我的多个版本的jquery在我的扩展和目标站点之间发生冲突的问题。但是，答案表明这些流程本质上是孤立运行的，所以它不应该有问题。考虑到这一点，我刚刚手动将jquery添加到我的扩展中，并直接加载它。这似乎工作正常。

manifest.json的

{ 
    "manifest_version": 2, 
    "name": "Hello World", 
    "description": "Simple Hello World Extension", 
    "version": "1.0", 
    "content_scripts": [ 
    { 
     "matches": ["http://localhost:46950/"], 
     "run_at": "document_end", 
     "js": ["jquery-2.0.3.min.js", "popup.js"] 
    }] 
}