Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Architect_Programmer_Code Rete Agricola»Architetto › Progettazione front-end e web › Telaio frontale › Esempio post-robot di comunicazione con finestre del browser
Vista: 3630|Risposta: 1

[Altri] Esempio post-robot di comunicazione con finestre del browser

[Copiato link]
Pubblicato su 18/02/2023 21:24:06 | | | |
Requisiti: In precedenza testato la comunicazione diretta tra finestre del browser tramite PostMessage, oggi utilizziamo una libreria di terze parti, Post-Robot, per la comunicazione tra finestre tra domini.

JS determina se la pagina corrente è un iframe o una finestra popup
https://www.itsvse.com/thread-10342-1-1.html

Comunicazione tra finestre HTML5 PostMessage
https://www.itsvse.com/thread-10343-1-1.html

Il post-robot è in realtà un'ulteriore incapsulazione del metodo di comunicazione PostMessage, con le seguenti caratteristiche (inviando un messaggio a un'altra finestra):

  • Ricevi una risposta dalla finestra a cui hai inviato il messaggio
  • Passare una funzione a un'altra finestra tra domini diversi
  • Gestisci eventuali errori che impediscono il passaggio dei tuoi messaggi
  • Non preoccuparti di serializzare i tuoi messaggi; Invia solo oggetti JavaScript
  • Usa promesse o async/await per aspettare la risposta della finestra a cui invii il messaggio
  • Stabilire un canale di messaggi sicuro tra due finestre su un dominio
  • Invia un messaggio tra la finestra genitore e la finestra pop-up in IE


Indirizzo NPM:Il login del link ipertestuale è visibile.
Indirizzo codice GitHub:Il login del link ipertestuale è visibile.

Per prima cosa, diamo un'occhiata ai rendering come segue:



La finestra genitore fa scendere una finestra figlia, poi invia un messaggio alla finestra figlia, e può ricevere una risposta dalla finestra figlia; ovviamente, anche la finestra figlia può ricevere una risposta inviando un messaggio alla finestra genitore.Pattern di risposta a richiesta simile a HTTP。

Il codice della finestra genitore è il seguente:

Il codice della sottofinestra è il seguente:

(Fine)





Precedente:Angular-cli crea una versione specificata del progetto Angular
Prossimo:Scarica grandi progetti usando il codice sorgente Git shallow clone

Post correlati
Pubblicato su 19/02/2023 20:50:34 |
ciaohellohellohello
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.
Mail To:help@itsvse.com