gpt4 book ai didi

javascript - jQuery 在 chrome 扩展弹出窗口中不起作用

转载 作者:搜寻专家 更新时间:2023-11-01 05:04:27 26 4
gpt4 key购买 nike

我正在构建我的第一个 chrome 扩展程序,但遇到了一些问题。我想在 popup.html 上使用 jQuery。弹出窗口否则工作正常,但 jQuery 不起作用。

编辑: 我更改了它,这是新代码,但仍然不起作用。有任何想法吗?我花了两个多小时试图弄清楚。我是扩展的初学者并且对 javascript 和 jquery 很生疏,所以它肯定是一些小而令人尴尬的东西......非常感谢!

list .json

  "content_scripts": [{
"matches": [website],
"js": [
"content.js",
"https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"]
}],

popup.html

<!DOCTYPE html>
<html>
<head>
<title>First Google Extension</title>
<style>
body {
font-family: "Segoe UI";
width: 300px;
font-size: 14px;
};

#changeMe {
color: blue;
font-style: bold;
};
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>

<body>
Welcome to my first Google Chrome Extension! <br>
<div id="changeMe">
I'm different!
</div>
</body>

</html>

popup.js

$(document).ready(function() {
$("#changeMe").append("Test!");
});

最佳答案

你需要:

  1. 学习 debug extension popups .它将向您显示信息性错误。

  2. 上述错误将引用内容安全政策。所以你需要阅读 extensions' CSP .

  3. 阅读上述文档后,您需要解决的第一个问题是尝试使用远程脚本。这是 possible , 但对于像 jQuery 这样的东西,最好下载它的副本,将它添加到扩展的文件夹并将它作为本地文件包括在内:

    <!-- refers to extension's own folder -->
    <script src="jquery.min.js"></script>
  4. 其次,您需要将自己的脚本收集到一个文件中,并像这样包含在内; inline code is not allowed in any form ,内容脚本不适用于扩展页面。

关于javascript - jQuery 在 chrome 扩展弹出窗口中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33069456/

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