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。

Html 无法识别 JavaScript（Chrome 扩展名）

Html not recognizing JavaScript (Chrome Extension)

html

javascript

jquery

google-chrome

google-chrome-app