Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Architect_Programmer_Code Réseau agricole»Architecte › Conception front-end & web › Cadre frontal › Exemple post-robot de communication par fenêtre de navigateur
Vue: 3630|Répondre: 1

[Autre] Exemple post-robot de communication par fenêtre de navigateur

[Copié le lien]
Publié sur 18/02/2023 21:24:06 | | | |
Exigences : Communication directe précédemment testée entre fenêtres de navigateur via PostMessage, aujourd’hui nous utilisons une bibliothèque tierce, Post-Robot, pour la communication inter-fenêtres entre domaines.

JS détermine si la page actuelle est une iframe ou une fenêtre pop-up
https://www.itsvse.com/thread-10342-1-1.html

Communication interfenêtres HTML5 PostMessage
https://www.itsvse.com/thread-10343-1-1.html

Le post-robot est en réalité une encapsulation supplémentaire de la méthode de communication PostMessage, avec les fonctionnalités suivantes (envoyer un message vers une autre fenêtre) :

  • Obtenez une réponse de la fenêtre à laquelle vous avez envoyé le message
  • Passer une fonction à une autre fenêtre à travers différents domaines
  • Gérez toute erreur qui empêche la transmission de vos messages
  • Ne vous inquiétez pas de sérialiser vos messages ; N’envoyer que des objets JavaScript
  • Utilisez des promesses ou async/await pour attendre la réponse de la fenêtre à laquelle vous envoyez le message
  • Établir un canal de messages sécurisé entre deux fenêtres sur un domaine
  • Envoyez un message entre la fenêtre parent et la fenêtre pop-up dans IE


Adresse NPM :La connexion hyperlientérée est visible.
Adresse de code GitHub :La connexion hyperlientérée est visible.

Tout d’abord, regardons les rendus comme suit :



La fenêtre parent affiche une fenêtre enfant, puis envoie un message à la fenêtre enfant, et peut obtenir une réponse de la fenêtre enfant, bien sûr, la fenêtre enfant peut aussi recevoir une réponse en envoyant un message à la fenêtre parente.Modèle de réponse à requête de type HTTP。

Le code de la fenêtre parent est le suivant :

Le code des sous-fenêtres est le suivant :

(Fin)





Précédent:Angular-cli crée une version spécifiée du projet Angular
Prochain:Téléchargez de gros projets en utilisant le code source clone Git shallow

Articles connexes
Publié sur 19/02/2023 20:50:34 |
bonjourbonjourbonjourbonjour
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.
Mail To:help@itsvse.com