Caso de uso:

• el sitio web abre una ventana emergente de extensión cuando un usuario hace clic en un botón
• el usuario realiza algunas acciones en la ventana emergente de la extensión
• un resultado de esa acción se envía de vuelta a la pestaña del navegador que abrió inicialmente la extensión

Acercarse

(1) window.postMessage(data) : Envía un mensaje al script de contenido donde window.addEventListener("message", (event) => {...} está recibiendo el evento del mensaje.

(2) chrome.runtime.sendMessage(event.data, function(response) {...} : esta funcionalidad está en el oyente anterior y reenvía el mensaje al script de fondo donde chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {...}) está recibiendo el mensaje.

(3) Las secuencias de comandos de fondo abren la extensión como una ventana emergente dedicada :

 chrome.windows.getLastFocused().then((window) => { const width = 600 + 100; const height = 400 + 100; const left = window.width - width; chrome.windows.create({url: path, type: "popup", height: height, width: width, left: left, focused: true}); });

(4) Después de haber procesado algunas acciones del usuario dentro de la ventana emergente de la extensión, se debe devolver un mensaje de respuesta al script de contenido:

 chrome.tabs.query({active: true, currentWindow: true}, function(tabs) { chrome.tabs.sendMessage(tabs[0].id, {...})}

Problema

Todo funciona bien hasta el paso (4). Debido a que la ventana emergente de la extensión se abrió mediante programación como una ventana emergente dedicada tabs[0].id contiene una identificación de pestaña de la ventana emergente de la extensión en lugar de la ventana del navegador que desencadenó todo el flujo y donde se ejecuta el script de contenido.

• ¿Cómo se puede determinar o reenviar la identificación de pestaña correcta a lo largo de la cadena a la ventana emergente?
• ¿Este escenario de mensajería es el enfoque correcto para mis requisitos?

¡Cualquier comentario es muy apreciado!