Html不识别JavaScript (Chrome扩展)

Html not recognizing JavaScript (Chrome Extension)

本文关键字：Chrome 扩展 JavaScript 识别 Html      更新时间：2023-09-26

我正在制作一个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

我所有的文件都在同一个文件夹里。我觉得清单上有什么东西是我遗漏的。

你的清单是一个Chrome应用程序的清单，而不是一个扩展。

考虑到这一点，Chrome应用程序不能使用远程代码，所以你不能从CDN包含jQuery。

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

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

相关文章：