问题标签 [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 投票
0 回答
1557 浏览

google-chrome - Chrome 扩展程序中的多条消息

让我解释一下这个问题。我正在开发一个 chrome 扩展程序,但我遇到了一些功能。我需要在浏览器中获取 url 并从我的服务器中检索一些内容来更新 badgeText。

contentscript1.js

contentscript2.js

背景.js

主要问题实际上是我需要将跨站点请求的结果发送回后台,所以它必须监听这两条消息(url + result)而且我绝对不能:(我很确定我不必使用 connect() 但如果它可以工作...而且我什至不确定我是否需要 2 个内容脚本。有人知道吗?谢谢...

0 投票
1 回答
13187 浏览

google-chrome - Difference between background script and content script in chrome extension

As the questions says, I just want to know the difference between background script and content script in chrome extension. When I logged the chrome object in both the scripts, I found the different objects.

Use case

I want to inject my javascript into the page when the icon is clicked So in manifest.json I added a content script but I am unable to listen to icon click event inside content script.

chrome.browserAction is not defined in chrome object in content script.

Question

How can I listen to click event in content script. Can we include both background and content script ?

This is my manifest.json

0 投票
4 回答
33556 浏览

jquery - 如何在 google chrome 扩展页面操作 background.js 中使用 jquery?

我正在开发一个“页面操作”谷歌浏览器扩展。我的清单有:

在我的 background.js 文件中,我有:

这行得通。现在在我的doSomething函数中,我想读取当前页面上的一些数据。使用 jquery 读取数据对我来说会容易得多,这样我就可以轻松地定位我想要的确切数据。如何合并 jquery(最好从谷歌的 CDN 提供)以便我的doSomething函数可以访问它?

0 投票
1 回答
1112 浏览

jquery - 在谷歌浏览器扩展的内容脚本中访问 c​​ookie

我在 Google chrome 中有简单的扩展。内容脚本是一个带有简单警报语句的 js 文件。现在我想通过名称 'sid' 获取 cookie 的值。如果我使用 $.cookie('sid'),它只是不工作。我不确定如何使用 chrome.cookie 来使其正常工作。

我要做的就是将 cookie 的值存储在变量中。

请帮忙

0 投票
1 回答
1238 浏览

javascript - 如果从后台发送响应,则在内容脚本中执行函数

对于我的 Chrome 扩展,我正在尝试将选定的文本发布到 PHP 网页。这个网站上一个已解决的问题(Chrome 扩展:如何捕获选定的文本并发送到网络服务)对我实现这一目标有很大帮助,但我想要一种不同的方式来发布文本。
而不是那里提到的 XMLHttpRequest,我想从内容脚本发送一个隐藏的 JS 表单。此方法允许我在将文本导入数据库之前查看或更改文本。

问题是从后台获取触发器到内容脚本。我已经有一条消息,所以需要使用函数(响应)。但是,在“sendMessage”之外,我无法监听 response.cmd。而在“sendMessage”里面,我无法得到response.cmd来触发一个函数。除了从后台脚本发送全新消息之外,是否有解决方案?我指的代码:

背景.js

内容脚本.js

0 投票
1 回答
212 浏览

dom - 注入内容脚本不起作用的 div

我被看似非常简单的东西所困扰。我试图在用户访问的每个页面中注入我自己的 div,在 google chrome 扩展中。我查看了网络上的示例,但似乎没有什么对我有用:s

这是我的 manifest.json

还有我的 test.js

但我在源代码中一无所获……我的 div 没有创建。如何检查我的 test.js 是否正在运行?我不明白为什么它与其他人合作而不是与我合作:s 任何帮助感谢!

0 投票
2 回答
1658 浏览

javascript - chrome 内容脚本:window.postMessage()“消息”事件不包含“源”属性

我正在构建一个 chrome 扩展,将内容脚本添加到站点(我们称它为主机)。内容脚本在主机中创建了一个 iframe,它指向我的域(跨域)。

我可以通过 parent.postMessage() 从 iframe 向主机发送消息。但是,收到的“消息”事件不包含阻止我将消息传回给孩子的“源”属性。

更新 我正在寻找客户端解决方案或对此行为的解释。

0 投票
1 回答
157 浏览

google-chrome - Chrome 扩展清单错误:content_script[0].matches[0]

我相信这可能是问题所在:

0 投票
1 回答
208 浏览

google-chrome-extension - 是否可以在网页的任何脚本运行之前使用 chrome 扩展程序在网页的上下文中运行脚本?

我试过"run_at": "document_start"了,但是当扩展获得控制权时没有 DOM,所以我无法script插入head. 此外,尝试使用DOMNodeInserted,但它没有被解雇head。如果我尝试插入第script一个DOMNodeInserted事件,它会在网页脚本之后执行。

0 投票
1 回答
3038 浏览

google-chrome-extension - 如何使用 Chrome 内容脚本,匹配 URL 查询参数的模式?

我正在尝试制作带有内容脚本的 Chrome 扩展程序,仅匹配 Google-Images 搜索结果页面。
它们(据我所知)&tbm=isch在 URL 参数中被标识。但是,匹配模式似乎只在路径上起作用。我该怎么做呢?