Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Architect_Programmer_Code Red Agrícola»Arquitecto › Diseño front-end y web › Bastidor frontal › Ejemplo posterior al robot de comunicación por ventana de navegador
Vista: 3630|Respuesta: 1

[Otros] Ejemplo posterior al robot de comunicación por ventana de navegador

[Copiar enlace]
Publicado en 18/2/2023 21:24:06 | | | |
Requisitos: Anteriormente probamos la comunicación directa entre ventanas del navegador usando PostMessage, hoy usamos una biblioteca de terceros, Post-Robot, para la comunicación entre ventanas entre dominios.

JS determina si la página actual es un iframe o una ventana emergente
https://www.itsvse.com/thread-10342-1-1.html

Comunicación entre ventanas en HTML5 PostMessage
https://www.itsvse.com/thread-10343-1-1.html

El post-robot es en realidad una encapsulación adicional del método de comunicación PostMessage, con las siguientes características (enviar un mensaje a otra ventana):

  • Recibe una respuesta desde la ventana a la que enviaste el mensaje
  • Pasar una función a otra ventana a través de diferentes dominios
  • Gestiona cualquier error que impida que tus mensajes pasen
  • No te preocupes por serializar tus mensajes; Solo envía objetos JavaScript
  • Usa promesas o async/await para esperar la respuesta de la ventana a la que envías el mensaje
  • Establecer un canal de mensajes seguro entre dos ventanas en un dominio
  • Envía un mensaje entre la ventana principal y la ventana emergente en IE


Dirección NPM:El inicio de sesión del hipervínculo es visible.
Dirección del código de GitHub:El inicio de sesión del hipervínculo es visible.

Primero, echemos un vistazo a los renderizados de la siguiente manera:



La ventana padre abre una ventana hija, y luego envía un mensaje a la ventana hija, y puede obtener una respuesta de la ventana hija; por supuesto, la ventana hija también puede recibir respuesta enviando un mensaje a la ventana hija.Patrón de respuesta a peticiones similar a HTTP。

El código de la ventana principal es el siguiente:

El código de la subventana es el siguiente:

(Fin)





Anterior:Angular-cli crea una versión específica del proyecto Angular
Próximo:Descarga proyectos grandes usando código fuente clon superficial de Git

Publicaciones relacionadas
Publicado en 19/2/2023 20:50:34 |
hola hola hola
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.
Mail To:help@itsvse.com