Html無法識別JavaScript（Chrome擴展程序）

Question

我正在製作Chrome擴展程序，而且我的HTML沒有選擇任何JavaScript。

HTML頭：

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

的jQuery（警報在這裏爲測試目的）：

$(document).ready(function() { 
alert("hello"); 
$(".box").click(function() { 

    alert("box"); 
    $("webview").show(1000); 
    $(".content").slideUp(); 

}); 

$(".webHome").click(function() { 
    $(".content").show(1000); 
}); 
}); 

manifest.json的：

{ 
    "update_url": "https://clients2.google.com/service/update2/crx", 

    "name": "ChromeApps", 
    "version": "1.0", 
    "manifest_version": 2, 
    "icons": { 
    "128": "logo.png" 
}, 
"app": { 
    "background": { 
    "scripts": [ "background.js", "application.js" ], 
    "persistent": false 
    } 
}, 
"permissions": ["webview"], 
"kiosk_enabled": true 

我的所有文件都肯定在同一文件夾。我覺得我錯過了清單中的某些東西。

Answer 1

您的清單是Chrome應用的清單，而不是擴展。

考慮到這一點，Chrome Apps cannot use remote code，所以你不能從CDN包括jQuery。

您需要包含jquery.min.js的本地副本，並將其與application.js相同。

另外，不要忘記，順序很重要：你需要在使用它之前加載jQuery。