gpt4 book ai didi

jquery - 将 jQuery 加载到 chrome-extension 中

转载 作者:行者123 更新时间:2023-12-03 21:58:27 25 4
gpt4 key购买 nike

我正在尝试迈入 Chrome 扩展的神奇世界的第一步。现在我已经构建了我的 list 并尝试加载 jquery。

{
"name": "Test Extension",
"version": "0.1",
"manifest_version": 2,
"description": "First try",
"options_page": "options.html",
"content_scripts": [{
"matches": ["chrome-extension://*/*"],
"js": ["jquery.js", "popup.js"],
"run_at": "document_end"
}],
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html",
"default_title": "Click me!"
}
}

实际上尝试重新加载扩展告诉我“匹配”与有效架构不匹配。

但这还不是全部。为了克服这个问题,我尝试将“matches”值更改为 *://*/* 并重新加载。好吧,扩展似乎加载正确,但似乎 jquery 没有加载,因为我可以从 popup.js 得到错误,它只是告诉我

Uncaught ReferenceError: $ is not defined

实际上 HTML 只是:

<!doctype html>
<html>
<head>
<title>Test Extension</title>
<link rel="stylesheet" style="text/css" src="style.css">
</head>
<body>
<div id="test"></div>
</body>
</html>
<script type="text/javascript" src="popup.js"></script>

popup.js 代码就是这样做的:

$("#test").html("Foo!");

最佳答案

内容脚本将永远在扩展程序的上下文中运行。在浏览器操作弹出窗口中加载脚本的正确方法是将其包含在代码中。让您的 list 文件为:

{
"name": "Test Extension",
"version": "0.1",
"manifest_version": 2,
"options_page": "options.html",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html",
"default_title": "Click me!"
}
}

popup.html:

...
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="popup.js"></script>

关于jquery - 将 jQuery 加载到 chrome-extension 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12035242/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com