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

我正在製作Chrome擴展程序，而且我的HTML沒有選擇任何JavaScript。Html無法識別JavaScript（Chrome擴展程序）

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

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

來源

2016-10-03 Rhys Edwards

首先嚐試加載jQuery ** brefore ** application.js並解釋'html沒有選擇任何JavaScript'並檢查控制檯錯誤 – Justinas

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

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

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

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

來源

2016-10-03 12:17:53 Xan

另外，它似乎包含'application.js' **作爲背景腳本**是一個壞主意。 – Xan

我已經做了這些事情，並已放在]清單中，仍然不工作，「web_accessible_resources」：[ 「application.js」，「jquery.min.js」 ]。 –

在Chrome應用中，「web_accessible_resources」無效。 – Xan

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

回答

相關問題