Html无法识别JavaScript(Chrome扩展程序)

时间:2016-10-03 11:54:20

标签: javascript jquery html google-chrome google-chrome-app

我正在制作Chrome扩展程序,我的HTML没有提取任何JavaScript。

HTML Head:

<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

我的所有文件肯定都在同一个文件夹中。我觉得清单中有些东西我不知道了。

1 个答案:

答案 0 :(得分:3)

您的清单是Chrome应用的清单,而不是扩展程序。

考虑到这一点,Chrome Apps cannot use remote code,所以你不能在CDN中包含jQuery。

您需要包含jquery.min.js的本地副本,并以与application.js相同的方式包含该副本。

另外,不要忘记订单很重要:您需要在使用之前加载jQuery。

相关问题