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扩展程序）

回答

相关问题