如果我只有后台脚本，如何检索执行上下文菜单的元素？

Question

好像和那个问题How to retrieve the element where a contextmenu has been executed类似 但我什么也得不到，请帮帮我。

 var clickedEl;
document.addEventListener("mousedown", function(event){
        //right click
        if(event.button == 2) { 
            clickedEl = event.target;
        }
        }, true);
var imageSourceUrl;
function getClickHandler() {
    "use strict";

    return function (info, tab) {

 if(tab.url.indexOf('https://vk.com') > -1){
        if(clickedEl.parentNode.href.indexOf('photo') > -1){
        var photoalbumid = clickedEl.parentNode.href.substring(clickedEl.parentNode.href.lastIndexOf("o")+1);

            var getphoto = new XMLHttpRequest();

            getphoto.open('GET', 'https://api.vk.com/method/photos.getById?photos=' + photoalbumid);

            getphoto.onload = function () {

            var answer = JSON.parse(getphoto.response);

            if (answer.response[0].src_big === undefined) {
                thereIsAnError('hueta s polucheniem url img', answer, imageUrl);
                return;
            }
            imageSourceUrl =  decodeURIComponent(answer.response[0].src_big);                                           

            }                                    

            getphoto.send();
    }
}
if(imageSourceUrl === undefined) imageSourceUrl  = info.srcUrl;

           var imageUploadHelperUrl = 'upload.html#',
            vkCLientId           = '128593',
            vkRequestedScopes    = 'docs,offline,groups,stats,photos',
            vkAuthenticationUrl  = 'https://oauth.vk.com/authorize?client_id=' + vkCLientId + '&scope=' + vkRequestedScopes + '&redirect_uri=http%3A%2F%2Foauth.vk.com%2Fblank.html&display=page&response_type=token';

        chrome.storage.local.get({'vkaccess_token': {}}, function (items) {

            if (items.vkaccess_token.length === undefined) {
                chrome.tabs.create({url: vkAuthenticationUrl, active:false}, function (tab) {
                    chrome.tabs.onUpdated.addListener(listenerHandler(tab.id, imageSourceUrl));
                });

                return;
            }

            imageUploadHelperUrl += imageSourceUrl + '&' + items.vkaccess_token;

            chrome.tabs.create({url: imageUploadHelperUrl, active:false}); 
        });
    };
}

 * Handler of chrome context menu creation process -creates a new item in the context menu
 */
chrome.contextMenus.create({
    "title": "Rehost on vk.com",
    "type": "normal",
    "contexts": ["image"],
    "onclick": getClickHandler()
});

chrome 说“contextMenus 的事件处理程序出错：TypeError：无法读取未定义的属性 'parentNode' 在“ if(clickedEl.parentNode.href.indexOf('photo') ”行.... 如何在 getClickHandler() 中访问更改后的 clickedEl？

        //background 
var imageSourceUrl;
function getClickHandler() {
    "use strict";

    return function (info, tab) { 
        if(tab.url.indexOf('https://vk.com') > -1){
            chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
                chrome.tabs.sendMessage(tabs[0].id, {imghref : "gimmemore"}, function(response) {
                    imageSourceUrl = response.imaged;
                    console.log(response.imaged);
                });
            });
        }
        else{imageSourceUrl=info.srcUrl;}
        var imageUploadHelperUrl = 'upload.html#',
            vkCLientId           = '5118087',
            vkRequestedScopes    = 'docs,offline,groups,stats,photos',
            vkAuthenticationUrl  = 'https://oauth.vk.com/authorize?client_id=' + vkCLientId + '&scope=' + vkRequestedScopes + '&redirect_uri=http%3A%2F%2Foauth.vk.com%2Fblank.html&display=page&response_type=token';

        chrome.storage.local.get({'vkaccess_token': {}}, function (items) {

            if (items.vkaccess_token.length === undefined) {
                chrome.tabs.create({url: vkAuthenticationUrl, active:false}, function (tab) {
                    chrome.tabs.onUpdated.addListener(listenerHandler(tab.id, imageSourceUrl));
                });

                return;
            }

            imageUploadHelperUrl += imageSourceUrl + '&' + items.vkaccess_token;

            chrome.tabs.create({url: imageUploadHelperUrl, active:false}); 
        });
    };
}


    //content script
var clickedEl = null;
var photoalbumid = null;
document.addEventListener("mousedown", function(event){
       //right click
        if(event.button == 2) { 
            clickedEl = event.target;
            if(clickedEl.parentNode.href.indexOf('photo') > -1){
                photoalbumid = clickedEl.parentNode.href.substring(clickedEl.parentNode.href.lastIndexOf("o")+1);
                if (photoalbumid.indexOf('?') > -1) {
                    photoalbumid = photoalbumid.slice(0, photoalbumid.indexOf('?'));
                }
            }
            console.log(photoalbumid);
        }
        }, true);
                var getphoto = new XMLHttpRequest();

                getphoto.open('GET', 'https://api.vk.com/method/photos.getById?photos=' + photoalbumid);

                getphoto.onload = function () {

                var answer = JSON.parse(getphoto.response);

                if (answer.response[0].src_big === undefined) {
                thereIsAnError('hueta s polucheniem url img', answer, imageUrl);
                }
                imageSourceUrl =  decodeURIComponent(answer.response[0].src_big);                                           
                }                                    
                getphoto.send();

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
    if(request.imghref == "gimmemore") {
        sendResponse({imaged : imageSourceUrl });
    }
});

重读后的改动^

Answer 1

您错过了原始答案中 cmets 解释代码如何在扩展部分之间拆分的部分：

//content script
/* ... */

//background
/* ... */

您需要（重新）阅读Architecture Overview 以更好地了解 Chrome 扩展程序的结构。

这里发生的情况是，点击事件实际上从未在您的后台发生 - 它发生在实际页面中，您可以使用内容脚本捕获它。

但内容脚本不能用作上下文菜单事件的侦听器。你需要背景。所以，这里的（必需的）逻辑是：

1. 在页面中，点击监听器准备信息。
2. 发生上下文菜单点击，后台事件监听器触发。
3. 后台脚本向内容脚本请求信息。
4. 内容脚本接收请求，回复信息。
5. 后台脚本接收回复，处理数据。

考虑到这一点，请阅读Overview（这次是全部内容），然后再阅读the original question。