如何在我的manifest.json文件中爲Chrome擴展添加jQuery

Question

我已經在這裏閱讀了很多答案，但沒有一個解決方案已經工作。我知道我做錯了什麼，所以如果有人有時間來幫助我，我會非常感激。

文件的名稱爲我的JS文件是main.js

我相關的HTML代碼：

<script src="js/main.js" src="jquery.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

我的整個manifest.json的：

"name": "Roasts Tab", 
"manifest_version": 2, 
"description": "A fire roast every time you open a new tab in Chrome", 
"version": "0.0.0.1", 
"permissions": ["management"], 
"chrome_url_overrides": { 
"newtab": "index.html" 
}, 
"icons": { 
"128": "icon.png" 
} 
} 

在此先感謝。

Answer 1

您的第一個腳本標記有兩個src屬性...看起來您需要刪除src="jquery.js"之一，因爲您是從cdn加載jQuery。

還將您自己的腳本標記移動到jQuery cdn腳本標記下方。現在，它首先運行你的腳本，然後加載jQuery，所以你的腳本不能訪問jQuery函數。