Denna artikel är en spegelartikel om maskinöversättning, klicka här för att hoppa till originalartikeln.

Architect_Programmer_Code Jordbruksnätverket»Arkitekt › Frontend-design och webb › Framändarram › Post-robot-exempel på webbläsarfönsterkommunikation
Utsikt: 3630|Svar: 1

[Övrigt] Post-robot-exempel på webbläsarfönsterkommunikation

[Kopiera länk]
Publicerad på 2023-02-18 21:24:06 | | | |
Krav: Tidigare testat direkt kommunikation mellan webbläsarfönster med PostMessage, idag använder vi ett tredjepartsbibliotek, post-robot, för kommunikation mellan domänfönster.

JS avgör om den aktuella sidan är en iframe eller ett popup-fönster
https://www.itsvse.com/thread-10342-1-1.html

HTML5 PostMessage kommunikation över fönster
https://www.itsvse.com/thread-10343-1-1.html

Post-robot är faktiskt en ytterligare inkapsling av PostMessage-kommunikationsmetoden, med följande funktioner (skickar ett meddelande till ett annat fönster):

  • Få svar från fönstret där du skickade meddelandet
  • Att skicka en funktion till ett annat fönster över olika domäner
  • Hantera eventuella fel som hindrar dina meddelanden från att skickas
  • Oroa dig inte för att seriealisera dina meddelanden; Skicka endast JavaScript-objekt
  • Använd löften eller asynk/vänta på svar från fönstret du skickar meddelandet till
  • Etablera en säker meddelandekanal mellan två fönster på en domän
  • Skicka ett meddelande mellan föräldrafönstret och popupfönstret i IE


NPM-adress:Inloggningen med hyperlänken är synlig.
GitHub-kodadress:Inloggningen med hyperlänken är synlig.

Först ska vi titta på renderingarna enligt följande:



Föräldrafönstret öppnar ett barnfönster och skickar sedan ett meddelande till barnfönstret, och kan få ett svar från barnfönstret, naturligtvis kan även barnfönstret få ett svar genom att skicka ett meddelande till föräldrafönstret.HTTP-liknande förfrågningsresponsmönster。

Föräldrafönstret är som följer:

Underfönsterkoden är följande:

(Slut)





Föregående:Angular-cli skapar en specificerad version av Angular-projektet
Nästa:Ladda ner stora projekt med Git shallow clone-källkod

Relaterade inlägg
Publicerad på 2023-02-19 20:50:34 |
hallåhallåhej
Friskrivning:
All programvara, programmeringsmaterial eller artiklar som publiceras av Code Farmer Network är endast för lärande- och forskningsändamål; Ovanstående innehåll får inte användas för kommersiella eller olagliga ändamål, annars kommer användarna att bära alla konsekvenser. Informationen på denna sida kommer från internet, och upphovsrättstvister har inget med denna sida att göra. Du måste helt radera ovanstående innehåll från din dator inom 24 timmar efter nedladdning. Om du gillar programmet, vänligen stöd äkta programvara, köp registrering och få bättre äkta tjänster. Om det finns något intrång, vänligen kontakta oss via e-post.
Mail To:help@itsvse.com