jQuery未加載到Google Chrome content_script擴展名中

Question

我無法在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嵌入到我的code.js的頂部，但是如果我這樣做，代碼甚至都不會運行，實際上整個文件都不會運行（甚至在最小的jQuery塊之前發出警報）。

如果您想看一下，就在這里。

Answer 1

從您的zip文件中提供的manifest.json文件中，Chrome在解壓縮時向我發送了兩個錯誤。

“ content_script [0] .matches [0]”的值無效：缺少方案分隔符。

無法為內容腳本加載javascript'http: //code.jquery.com/jquery-1.7.1.js '。

第一個提示您的matches語句格式不正確。 在*之后，您應該添加://如下所示：

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

第二個是關於您嘗試從外部資源加載jquery的。 如果您將路徑更改為本地文件，則它應該可以工作。

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

經過這些調整后，當我在您的code.js文件中console.log($) ，jquery似乎正常工作。

編輯：請注意，您需要將以下內容添加到html（在<head>部分中）：

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