Consulta sobre comunicación entre ventanas (JavaScript)

Archivado
Hola compañer@s, no sé si habré hecho bien en poner este mensaje aquí, espero que sí.

La cuestión es que estoy intentando realizar una tarea muy sencilla relativa a comunicación entre ventanas, pero, por alguna razón que no llego a entender, no consigo que funcione. A continuación, os especifico los códigos de la ventana origen y la de destino:

ORIGEN MENSAJE

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Origin</title>
</head>
<body>

<script>
function sendMessage() {
var destination = window.open("http://localhost/dew/cross_window_communication/destination.html");

destination.postMessage("Message from localhost", "http://localhost/dew/cross_window_communication/origin.html");
}
</script>

<form>
<input type="button" onclick="sendMessage();" value="Send Message">
</form>

</body>
</html>


DESTINO MENSAJE

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Destination</title>
</head>
<body>

<script>
window.addEventListener
("message",
function(event) {
var message = event.data;
var domain = event.origin;

var targetWindow = window.opener; // The Window interface's opener property returns a reference to the window that opened the window. In other words, if window A opens window B, B.opener returns A.

console.log("Message: " + message + ", Domain: " + domain + ", Opener: " + targetWindow),
}

)
</script>

</body>
</html>


Cuando hago clic sobre el botón Send Message del origen, se abre la ventana de destino. Sin embargo, cuando entro en la herramienta para desarrollador del Firefox (estoy usando la versión 94.0.1 (64-bit)), en la consola no me aparece el mensaje que debería mostrar la función log().

No sé qué estoy haciendo mal. Si alguien pudiese echarme una mano, se lo agradecería enormemente.
@snake_keys buenas, he probado este ejemplo y funciona pero primero hay que abrir y luego enviar... igual te sirve. Suerte.
https://javascript.plainenglish.io/java ... 0c8f6adea9
Muchísimas gracias @alextgd, lo probaré, a ver si hay suerte.

Saludos [oki]
2 respuestas
Archivado
Volver a General