javascript - 是否可以使用 chrome 扩展与非事件选项卡中的内容元素进行交互？

Question

我会尽力提出我的问题:

在 Chrome 浏览器中，我有两个选项卡正在运行(一个加载了 google.com，另一个加载了 bing.com)，并且选择了 Google 加载的选项卡。 Google搜索框的输入元素id是“gbqfq”，Bing搜索框的输入元素id是“sb_form_q”。

我的manifest.json文件的内容如下:

{
  "name": "MyExtention",
  "version": "0.1.1",
  "description": "Description",
  "content_scripts": [
    {
      "matches": ["*://*.bing.com/*","*://*.google.com/*"],
      "css": ["basic.css"],
      "js": ["jquery.js", "contentscript.js"]
    }
  ],
 "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
 "web_accessible_resources": ["*"] ,
 "permissions":["tabs","*://*.bing.com/*","*://*.google.com/*"],
 "externally_connectable": {
   "matches": ["*://*.bing.com/*","*://*.google.com/*"]
 },
 "background": {"scripts": ["background.js"] },
   "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "manifest_version": 2
}

是否可以使用 chrome.extention 与所有打开的选项卡中的元素进行交互？

当选择(事件)选项卡时，我的 chrome.extention 通过 id 从“google.com”和“bing.com”查找元素，但无法将元素值从选定选项卡传递到未选定选项卡。

我想要做的是从一个选项卡的内容中获取输入元素的值，并更改另一个选项卡内容中的输入元素的值。

这可以通过 chrome.extentions 实现吗？ 如果可能;我该如何管理它？

附注:

• I am not looking for any another approach to accomplish my task!
  
• I just want to know - if it is possible to accomplish it in this approach or not?
  
• I do have a jquery support in my chrome.extention
  
• I am a Newbie : Newbie, newb, noob, or n00b is a slang term for a novice or newcomer, or somebody inexperienced in any profession or activity.
  
  

  Wish you the best of everything!

Answer 1

是的，这是可能的。您需要的是Message passing ，这将允许您在内容脚本和后台页面之间发送消息。如果您处理后台页面内的输入，则可以将相关数据发送回适当的选项卡。