在chrome擴展的內容腳本中包含Jquery

Question

我收到的錯誤消息是“未定義$”

我的清單文件的一部分：

     "content_scripts": [
     {
       "matches": ["http://www.google.com/calendar/render*",                                          
       "https://www.google.com/calendar/render/*"],
       "js": ["jquery.min.js", "jquery-ui.js", "script.js"],
       "css": ["jquery.datepick.css", "jquery-ui.css"],
       "run_at": "document_start"
     }],
     "background": {"scripts": ["background.js"]},
     "web_accessible_resources": ["jquery.min.js", "script.js", "jquery-ui.js",  "jquery.datepick.css", "jquery-ui.css"]

在我的background.js文件中，我試圖執行所需的腳本：

chrome.tabs.executeScript(tabId, {file: "jquery.min.js"}, function(){
chrome.tabs.executeScript(tabId, {file: "jquery-ui.js"}, function() {
    chrome.tabs.executeScript(tabId, { file: 'script.js' });
});
});

不過，在script.js中，我無法使用任何Jquery函數（錯誤：未定義$）。

誰能解釋我為什么失敗，或者應該怎么做？

提前致謝。

Answer 1

您的manifest.json和background.js看起來不錯。 如果擴展文件夾/軟件包的根目錄中有jquery文件，那么我只能想到兩件事：

1. 您正在script.js中的某個位置取消設置$符號

2. 進行更改后，您不會重新加載擴展程序：

   轉到chrome：// extensions /，找到您的擴展程序，按“重新加載”（並確保已啟用）。

   如果您沒有使用“加載解壓縮的擴展程序”功能，則應在進行更改后完全重新安裝擴展程序。

為確保已加載jQuery文件，請打開jquery.min.js並將console.log('jQuery file loaded')到jquery.min.js 。 如果您沒有看到控制台消息，則可能是jquery.min.js已損壞（嘗試再次下載）。