问题标签 [content-script]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
4758 浏览

jquery - JQuery 在我的 Google Chrome 扩展程序、内容脚本中不起作用?

正如 chrome 扩展开发教程中提到的,我可以在我的manifest.json文件中包含 jQuery,以便在内容脚本中使用它,如下所示:


我这样做了。但是当我打开 javascript 控制台并单击我的扩展程序的浏览器操作图标时,我看到错误:“未捕获的 ReferenceError:$ 未定义”。

我该怎么办!?我不明白出了什么问题。


来自 OP 的更新,最初作为答案发布:

根据要求,这是我的完整清单和内容脚本示例。清单.json:


内容脚本片段:



回复 rsanchez 的回答。我将尝试详细解释。众所周知,我们可以打开两个 javascript 控制台。第一个与扩展的 popup.html 相关联,第二个与当前打开的网页相关联。我在内容脚本和 popup.html 中包含的脚本中有以下代码片段(例如)

当我打开与当前打开的网页关联的控制台时,我收到上面提到的错误,但是当我打开与扩展的 popup.html 关联的 js 控制台时,我可以看到控制台中显示的正文宽度。这意味着 popup.html 中包含的脚本不是指 jQuery 库和内容脚本。

0 投票
1 回答
3377 浏览

jquery - Chrome 扩展:在消息事件触发时从内容脚本打开一个 jquery UI 对话框

我正在尝试从我的 chrome 扩展中打开一个 jquery 对话框。有几篇关于此的帖子,并非所有帖子都与我的需求相关。

我发现这个声称有一个工作代码。我试图在我的扩展中使用该方法但没有成功。

在我的后台扩展中,我向内容脚本发送一条消息,如下所示:

并且在内容脚本中,我几乎按原样放置了我复制的代码(对不起,但只是为了确定,我想尽可能地接近原件,以找出我在搞砸什么不过):

现在,警报弹出,所以我知道消息已到达,但对话框没有打开。

你能建议这里有什么问题吗?

编辑:

根据 Brock 的要求,这是我的清单:

0 投票
2 回答
807 浏览

css - Google Chrome 扩展中的 CSS 内容脚本问题

我正在创建一个简单的 Chrome 扩展程序,它使用内容脚本阻止Google 主页上的“Google”徽标图像。我按照内容脚本页面上的说明进行操作,但它似乎仍然无法正常工作。谁能发现我做错了什么?


编辑:我已经用flickr.com等其他网站对其进行了测试,它运行良好。我还搜索了 Google 主页 CSS,但无法确定哪个 CSS 规则覆盖了我的 CSS。有任何想法吗?如何进行更强大的 CSS 注入,以便没有其他 CSS 可以覆盖我的?


清单.json

拦截器.css

0 投票
1 回答
700 浏览

javascript - Chrome 扩展:在内容脚本中将 localStorage 值转换为布尔值

我目前正在将我的一个用户脚本转换为 chrome 扩展。我仍然坚持的唯一一件事是成功地将 localStorage 值存储在我的内容脚本中的变量中。我将在这里举一个例子,其他的类似但有不同的名称。

如您所见,我在我的扩展程序的 localStorage 中查询分配给“REMOVE_WARNINGS”的值。我这样做是因为在内容脚本的后面,会检查此变量以查看它是否必须执行某些操作。原始值通过 HTML 选项(true 或 false)通过选项页面在 localStorage 中分配,这没有问题。值“true”(或“false”)成功返回到内容脚本的方法并打印在控制台中,因为我已经检查过了。不起作用的是将值分配给我的内容脚本中的全局变量REMOVE_WARNINGS 。

我尝试了一些选项,包括REMOVE_WARNINGS = response.status;REMOVE_WARNINGS = response.status == "true";并且我还尝试删除控制台输出行,认为它可能会破坏性地打印。这些选项似乎都没有成功地将布尔值“true”或“false”存储在全局变量中,因为脚本没有执行它应该执行的操作。

有人看到我在这里做错了吗?在这一点上我完全迷失了,特别是因为清楚地阅读价值是没有问题的。它将它存储在内容脚本的全局变量中,这就是问题所在。

干杯肯尼斯

0 投票
1 回答
6333 浏览

google-chrome - 是否可以通过 Chrome 扩展中的上下文菜单项调用内容脚本方法?

我正在尝试使用上下文菜单项来调用我用内容脚本编写的方法。
那可能吗?

正如我所尝试的那样,上下文菜单只能在后端做事。
例如

此示例无法在当前页面上记录信息,而是在背景页面上记录信息。

我有一个内容脚本可以在指定页面上生成一些内容:

我需要通过上下文菜单调用这个函数。我该怎么办?

0 投票
1 回答
1566 浏览

javascript - Chrome 内容脚本 (De)/激活

我试图让用户通过按钮激活/停用 Chrome 内容脚本。在我看来,最好的方法是通过 chrome.browserAction。

但是如果我添加

到 background.html,无论是否按下按钮,脚本都在运行。脚本的其余部分运行良好。唯一的问题是浏览器按钮。问题可能出在哪里?谢谢!

0 投票
2 回答
570 浏览

css - 如何注入