javascript - background-script和content-script中代码的区别

标签 javascript google-chrome-extension content-script

<分区>

我想创建一个扩展程序,它可以读取网站的所有颜色,并在您单击按钮时相应地更改所有颜色。

我应该在哪里写这段代码? 在内容脚本中还是在后台脚本中?

两者到底有什么区别?

最佳答案

阅读写得很好的Overview在文档中。这应该可以回答您的很多问题。

简而言之,内容脚本在 isolated context of a webpage 中执行,可以访问其 DOM,但对 Chrome API 的访问权限非常有限。

后台脚本通常用于集中处理任务,而内容脚本充当它与您要与之交互的页面之间的中介。


关于你的情况:

你需要有一个后台脚本来监听按钮点击事件。

您需要有内容脚本才能与页面交互。

所以,两者都需要,后台脚本可以message内容脚本发挥其魔力。

关于javascript - background-script和content-script中代码的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23593588/

相关文章:

google-chrome-extension - 可选择注入(inject)内容脚本

javascript - 数据表sInfo在表为空时更改文本

javascript - 我为整数数组编写了一个自定义就地排序方法 (Javascript) - 时间复杂度?排序方法名称?

javascript - 从内容脚本调用注入(inject)的按钮到background.js

javascript - 无法将消息从上下文菜单发送到内容脚本

javascript - 为什么 getBackgroundPage() 没有在 chrome.runtime 中为我定义?

JavaScript 从 JSP 变量中删除斜杠

javascript - 我的 jQuery 点击功能不工作

javascript - Chrome API 的 onBeforeRedirect 无法正常工作?

google-chrome - 谷歌浏览器 API : How do I add my app to show an icon on the "New Tab" (Apps) page?