Question

我无法弄清楚如何将内容脚本中的一些数据发送到popup.html。它是点击元素的xpath。我对 Chrome扩展程序非常陌生，所以也许这很明显。

我读过有关消息传递的文章但我在那里搞得一团糟。

我想出了如何从xpathget.js发送消息，但我不知道如何接收消息并在popup.html上显示消息，因为它在点击某个元素后关闭了。

的manifest.json

{
  "manifest_version": 2,
  "name": "Product",
  "description": "This is a plugin collaborating with product.com",
  "version": "1.0",
  "browser_action": {
    "default_icon": "spy-icon.png",
    "default_popup": "popup.html",
    "default_title": "Click here!"
  },
  "icons":{
    "64":"spy-icon.png"
  },
  "background": {
    "scripts": ["authentication.js"]
  },
    "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["xpathget.js"]
    }
  ],
  "permissions": [
    "activeTab",
    "https://ajax.googleapis.com/",
    "cookies",
    "<all_urls>"
  ],
  "content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'"
}

popup.js

$(document).ready(function () {
    $('body').height(280);
    $('html').height(280);
    MESSAGE_GET_HANDLER(){
        ALTER_THE_HTML; 
    }
});

我想我必须将xpath字符串发送到popup.js，然后改变popup.html html并完成。

xpathget.js

document.onclick= function(event) {
    if (event===undefined) event= window.event;                     // IE hack
    var target= 'target' in event? event.target : event.srcElement; // another IE hack

    var root= document.compatMode==='CSS1Compat'? document.documentElement : document.body;
    var mxy= [event.clientX+root.scrollLeft, event.clientY+root.scrollTop];

    var path= getPathTo(target);
    var txy= getPageXY(target);
    chrome.runtime.sendMessage({xpath: path}, function () {
         alert('sent');
    }); <== I HAVE TO SEND THIS PATH TO PLUGIN
}

function getPathTo(element) {
    if (element.id!=='')
        return 'id("'+element.id+'")';
    if (element===document.body)
        return element.tagName;

    var ix= 0;
    var siblings= element.parentNode.childNodes;
    for (var i= 0; i<siblings.length; i++) {
        var sibling= siblings[i];
        if (sibling===element)
            return getPathTo(element.parentNode)+'/'+element.tagName+'['+(ix+1)+']';
        if (sibling.nodeType===1 && sibling.tagName===element.tagName)
            ix++;
    }
}

function getPageXY(element) {
    var x= 0, y= 0;
    while (element) {
        x+= element.offsetLeft;
        y+= element.offsetTop;
        element= element.offsetParent;
    }
    return [x, y];
}

Answer 1

单击网页或弹出窗口外的任何位置时，无法保持工具栏弹出窗口打开。一旦关闭，它的环境/上下文/对象和事件监听器就不再存在了工具栏弹出窗口也无法以编程方式重新打开。

继续添加到uBlock's element picker does.网页的DOM对话框/ div中的互动，或通过chrome.windows.create打开'popup'类型的新窗口。

如何接收从内容脚本发送到popup.js / html的消息？

1 个答案: