Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Architect_Programmer_Code Sieć Rolnicza»Architekt › Projektowanie front-endu i strona internetowa › Rama przednia › Przykład komunikacji w oknie przeglądarki po użyciu robota
Widok: 3630|Odpowiedź: 1

[Inne] Przykład komunikacji w oknie przeglądarki po użyciu robota

[Skopiuj link]
Opublikowano 18.02.2023 21:24:06 | | | |
Wymagania: Wcześniej testowano bezpośrednią komunikację między oknami przeglądarki za pomocą PostMessage, obecnie używamy biblioteki firm trzecich, Post-robot, do komunikacji między oknami domenowymi.

JS określa, czy bieżąca strona jest ramką iframe czy okienkiem wyskakującym
https://www.itsvse.com/thread-10342-1-1.html

Komunikacja między oknami HTML5 PostMessage
https://www.itsvse.com/thread-10343-1-1.html

Post-robot jest w rzeczywistości kolejnym rozszerzeniem metody komunikacji PostMessage, z następującymi funkcjami (wysyłanie wiadomości do innego okna):

  • Odpowiedź otrzymaj z okna, do którego wysłałeś wiadomość
  • Przekazywanie funkcji do innego okna w różnych dziedzinach
  • Zajmij się błędami, które uniemożliwiają przekazanie wiadomości
  • Nie martw się o serializację wiadomości; Wysyłaj tylko obiekty JavaScript
  • Użyj obietnic lub async/await, aby poczekać na odpowiedź okna, do którego wysyłasz wiadomość
  • Utworzenie bezpiecznego kanału wiadomości pomiędzy dwoma oknami domeny
  • Wyślij wiadomość pomiędzy oknem rodzica a wyskakującym oknem w IE


Adres NPM:Logowanie do linku jest widoczne.
Adres kodu GitHub:Logowanie do linku jest widoczne.

Najpierw przyjrzyjmy się tym wizualizacjom w następujący sposób:



Okno nadrzędne wyskakuje okno podrzędne, a następnie wysyła wiadomość do okna dziecka i może otrzymać odpowiedź z okna dziecka, oczywiście okno podrzędne może również otrzymać odpowiedź, wysyłając wiadomość do okna nadrzędnego.Wzorzec odpowiedzi na żądania podobny do HTTP。

Kod okna nadrzędnego wygląda następująco:

Kod podokien wygląda następująco:

(Koniec)





Poprzedni:Angular-cli tworzy określoną wersję projektu Angular
Następny:Pobieraj duże projekty za pomocą płytkiego klona kodu źródłowego Git

Powiązane wpisy
Opublikowano 19.02.2023 20:50:34 |
haloczeoczeocześwię
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.
Mail To:help@itsvse.com