javascript - 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);
});
});

list .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

我所有的文件都在同一个文件夹中。我觉得我遗漏了 list 中的某些内容。

Answer 1

您的 list 是 Chrome 应用程序的 list ，而不是扩展程序。

考虑到这一点，Chrome Apps cannot use remote code ，因此您不能从 CDN 中包含 jQuery。

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

此外，不要忘记顺序很重要:您需要在使用 jQuery 之前加载它。