Jak uzyskać element iframeId w procedurze obsługi zdarzenia contextMenus onclick?

Question

Pracuję w Mozilla WebExtension. Chcę wstawić plik JavaScript tylko do ramki, w której kliknąłem na wybór menu kontekstowego utworzonego za pomocą contextMenus.create().

Używam:

browser.contextMenus.create({ 
    "title": "Records", 
    "contexts": ["all","link"], 
    "id" : "M1", 
    "onclick": onClickContextMenu, 
}, function() { }); 

function onClickContextMenu(info, tab){ 

    var clickedFrameID=""; //How do I get the actual frameId where click occurred? 

    browser.tabs.executeScript(tab.id,{ 
         file: "fileName.js", 
         allFrames: false, 
         frameId: clickedFrameID 
        }, function() { 
     console.log("Script injected"); 
    }); 
} 

Jak zdobyć clickedFrameID?

Answer 1

Po zrobieniu tak wielu testowania mnie (Chandrakant Thakkar) i mój lider zespołu Pan Nitin Makwana dostał rozwiązanie dla tej sytuacji

najpierw muszę wstrzykuje „messageListener.js” plik we wszystkich ramkach z manifest.json jak plik

"content_scripts": [ 
{ 
     "matches": ["https://*/*","http://*/*"], 
     "css":["jquery-ui.css"], 
     "js": [ 
      "jquery.js", 
      "jquery-ui.js",    
      "content_scripts/msg_listener.js" 
     ], 
     "all_frames":true 
} 

potem w "messageListener.js" pliku utworzonego "contextMenu" Listener i wysłać wiadomość do pliku js tle po kliknięciu contextMenu (prawy przycisk myszy) jak

document.addEventListener("contextmenu", handleContextMenu, false); 
function handleContextMenu(event){ 
    browser.runtime.sendMessage("abc@gmail.com",{type: 
    "onContextMenuClicked", sender:event }); 
} 

tutaj, "abc@gmail.com" to id mojego rozszerzenia internetowego, w którym chcę wysłać wiadomość.

Następnie w moim tle js pliku I zadeklarowały na globalnej zmiennej o nazwie „clickedFrameID” oraz w tym samym pliku Dodałem onMessage Listener jak poniżej

browser.runtime.onMessage.addListener(
    function(msg, sender, callback) { 
     if(msg.type === 'onContextMenuClicked') 
      { 
       if(sender.hasOwnProperty("frameId")){ 
        clickedFrameID=sender.frameId; 
       }else{ 
        clickedFrameID=""; 
       } 
      } 
}); 

Teraz mam wtryskiwanego „fileName.js” w pliku Ramka jako specyficzny Poniżej

var clickedFrameID=""; //This is a Global Variable 
    browser.contextMenus.create({ 
    "title": "Records", 
    "contexts": ["all","link"], 
    "id" : "M1", 
    "onclick": onClickContextMenu, 
    }, function() { }); 

function onClickContextMenu(info, tab){ 
    var options={}; 
    if(clickedFrameID !="" && clickedFrameID!=null && 
    clickedFrameID!=undefined) 
        { 
         options={ 
         file: "fileName.js", 
         allFrames: false, 
         frameId: clickedFrameID 
         }; 
        } 


    browser.tabs.executeScript(tab.id,options, function() { 
    console.log("Script injected"); 
    }); 
} 

Now „fileName.js” będzie wstrzykiwany w konkretnej ramce, że mam prawo kliknięciu.

Dzięki @wOxxOm, @MohammedAshrafali, @Makyen do zainteresowania