Question

我知道这个问题已经存在很多变化，但它们似乎都不适用于我。

详细说明：

我正在编写一个扩展程序，用于从您在gmail中发送的电子邮件中提取一些电子邮件数据。为了实现这一目标，我使用的是此版本的Gmail https://github.com/joscha/gmailr。

实际上，我有三个内容脚本：Gmailr.js和main.js（与上面的链接几乎完全相同）允许我提取我正在寻找的信息。然后我使用content.js将消息发送到扩展的后台页面。

问题是来自gmailr.js和main.js我不能使用任何Chrome API，我不确定为什么，所以我无法将这些消息发送回后台页面。

这就是为什么我创建了可以与后台页面通信的content.js。但是，它似乎无法看到其他内容脚本所做的任何事情。例如，main.js在页面顶部插入一个div。当我尝试将事件监听器附加到来自content.js的div中的按钮时，我被告知不存在这样的元素。

如何通过content.js查看main.js提取的数据？（我还尝试将数据放在本地存储中，然后触发自定义事件监听器告诉content.js读取本地存储，但没有运气，因为他们似乎无法听到彼此触发的事件）。 / p>

非常感谢任何见解或替代方案。

（如果有必要，我可以发布代码，但它是碎片化的并且很长）

我的清单文件：

{
  "manifest_version": 2,
  "name": "Email extractor",
  "description": "Extracts data from emails",
  "version": "1.0",
  "background": {
     "script": "background.js"
  },
  "content_scripts": [
    {
      "matches": [
        "*://mail.google.com/*",
        "*://*/*"
      ],
      "js": [
        "lib/yepnope.js/yepnope.1.5.4-min.js",
        "lib/bootstrap.js",
        "main.js",
        "gmailr.js",
        "content.js"

      ],
      "css": [
        "main.css"
      ],
      "run_at": "document_end"
    }
  ],
  "permissions": [
    "tabs",
    "storage",
    "background",
    "*://mail.google.com/*",
    "*://*/*"
  ],

  "browser_action": {
    "default_icon": "img/icon.png",
    "default_popup": "popup.html"
  },

  "web_accessible_resources" : [
    "writeForm.js",
    "disp.js",
    "/calendar/jsDatePick.min.1.3.js",
    "/calendar/jsDatePick_ltr.min.css",
    "lib/gmailr.js",
    "lib/jquery-bbq/jquery.ba-bbq.min.js",
    "content.js",
    "main.js",
    "background.js"
  ]
}

这是main.js：

Gmailr.init(function(G) {
    sender = G.emailAddress();
    G.insertTop($("<div id='gmailr'><span></span> <span id='status'></span>)");
    el = document.getElementById("testid");
    el.addEventListener('click', mg, false);
    var status = function(msg) {
       G.$('#gmailr #status').html(msg); };    
       G.observe(Gmailr.EVENT_COMPOSE, function(details) {        
         ....
         status(" user: " + user);
         console.log('user:', user);
         //now try to send a message to the background page
         //this always returns the error that method sendMessage does not exist for     undefined
        chrome.runtime.sendMessage({greeting: "test from gmailr"}, function(response) {
        console.log("did it send?");
        });
    });


});

gmailr.js很长，也不是我自己的代码，但可以在这里看到：http://pastebin.com/pK4EG9vh

Answer 1

您可能有3个可能原因导致您的问题：

您从main.js和gmailr.js向bgp发送邮件的方式可能是错误的，因为您必须从任何内容脚本到您的bgp进行通信。（在您的清单内容脚本中，缺少gmailr.js）。向我们展示它将有用的代码。
从content.js搜索到访问main.js中创建的元素时，您似乎遇到了问题。您是否尝试使用jQuery $（“”）。on（）方法访问您的元素？一个简单的测试必须是在一个cs中声明一个函数并在另一个中使用它。如果它不起作用，这是一个明显的问题。您在清单内容脚本密钥中声明.js文件的顺序也很重要。
尝试在清单内容脚本数组“run_at”中：“document_end”

希望有所帮助！

Chrome扩展程序中脚本之间的通信

1 个答案: