jQuery没有加载谷歌Chrome content_script扩展

时间:2012-01-23 14:15:59

标签: javascript jquery google-chrome google-chrome-extension content-script

我无法在Google Chrome用户名中加载jQuery。

这就是我的manifest.json的样子:

{
    //...
    "content_scripts" : [{
        "js" : ["http://code.jquery.com/jquery-1.7.1.js", "code.js"],
        //...
    }],
    //...
}

但在code.js中,$undefined

code.js否则有效,实际上我有一个书签工作(使用网站的jQuery版本)。

我尝试了jQuery的托管或本地化的缩小版和未编译版。

我也尝试在我的code.js顶部嵌入一个缩小的jQuery,但是如果我这样做,代码甚至都没有运行,实际上整个文件都没有运行(即使是在大块的缩小jQuery)。

如果你想看一下,here it is

1 个答案:

答案 0 :(得分:4)

在您的zip中提供的manifest.json中,Chrome在解压缩时会向我发送两个错误。

  
      
  1. 'content_script [0] .matches [0]'的值无效:缺少方案分隔符。
  2.   
  3. 无法为内容脚本加载javascript“http://code.jquery.com/jquery-1.7.1.js”。
  4.   

第一个表示您的matches语句格式不正确。在*之后,您应该像这样添加://

"matches" : ["*://my.deviantart.com/messages/*"]

第二个是关于你试图从外部资源加载jquery。如果您更改本地文件的路径,它应该可以工作。

"js" : ["jquery.js", "code.js"],

console.log($)文件中,code.js之后,在这些调整之后,jquery似乎运行正常。

编辑: 请注意,您需要在html(<head>部分)中添加以下内容:

<script src='./jquery.js'></script>