后台脚本和Chrome扩展中的内容脚本之间的区别 [英] Difference between background script and content script in chrome extension

问题描述

正如问题所述，
我只是想知道chrome扩展中的后台脚本和内容脚本之间的区别。当我在两个脚本中记录了铬对象时，我发现了不同的对象。

用例

I希望在点击图标时将我的JavaScript注入页面因此，在 manifest.json 中添加了内容脚本，但我无法听内容脚本中的图标点击事件。

chrome.browserAction未在内容脚本中的chrome对象中定义。

问题

如何在内容脚本中监听点击事件。我们可以包括背景和内容脚本吗？

这是我的manifest.json

 <$ 
name：First Plugin Testing，
version：1.0，
manifest_version：2，
description：尝试第一次扩展，
background：{scripts：[background.js]}，
browser_action：{
default_icon：icon.png 
，
permissions：[
tabs，http：// * / *，https：// * / *
]，
content_scripts：[
 {
matches：[http：// * / *]，
js：[temp.js] 
 
 
 
 
 
解决方案
 我已经找到了问题的答案。
 
 
 A。我们是否可以同时包含内容脚本和后台脚本？
 
 
 是，我们可以同时包含背景脚本和清单中的内容脚本。 
要进行交互，您可以使用 Chrome Message Passing API 。 
 
 
 
我也是这样做的，但后台脚本中出现了一些错误，我无法看到，因此我在google上搜索过一些后发布了这个问题。 b 
 $ b 
 
  B。如何在内容脚本中监听点击事件？
 
 
 解决方案：我们不能让<$ c内容脚本中的$ c>浏览器单击事件。它只能部分访问铬对象因此，您必须在后台脚本中接收点击处理程序，并将消息发送到内容脚本并执行所需操作。
 
 
 
使用<$ c在后台脚本中使用$ c> chrome.browserAction.onClicked 事件，然后使用消息传递将信息发送到用户点击图标的内容脚本。
 
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
{
  "name": "First Plugin Testing",    
  "version": "1.0",
  "manifest_version": 2,    
  "description": "Trying hands on first extension",
  "background": { "scripts": ["background.js"] },
  "browser_action": {
    "default_icon": "icon.png"
  },
  "permissions": [
    "tabs", "http://*/*", "https://*/*"
  ],
  "content_scripts": [
    {
      "matches": ["http://*/*"], 
      "js": ["temp.js"]
    }
  ]
}

解决方案
I have found the answer to the questions asked.

  
A. Can we include both content script and background script ?
Yes, we can include both the background scripts and content scripts in manifest.
To do interaction between them you can use Chrome Message Passing API.

I was doing the same way but there was some error in background script which I could not see therefore I posted this question after some searching on google.

  
B. How can I listen to click event in content script ?
Solution: We can not have browser click event in content script. It has only partial access to chrome object So you have to receive the click handler in background script and send message to content script and do whatever you want.

Use chrome.browserAction.onClicked event in background script and then use message passing to send the information to content script that user clicked on icon.

                        
这篇关于后台脚本和Chrome扩展中的内容脚本之间的区别的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！