Bu makale makine çevirisi ayna makalesidir, orijinal makaleye geçmek için lütfen buraya tıklayın.

Architect_Programmer_Code Tarım Ağı»Mimar › Ön yüz tasarımı ve web › Ön gövde çerçevesi › Robot sonrası tarayıcı penceresi iletişimi örneği
Görünüm: 3630|Yanıt: 1

[Diğer] Robot sonrası tarayıcı penceresi iletişimi örneği

[Bağlantıyı kopyala]
Yayınlandı 18.02.2023 21:24:06 | | | |
Gereksinimler: Daha önce PostMessage kullanılarak tarayıcı pencereleri arasında doğrudan iletişim test edilmiş, bugün ise alanlararası pencere iletişimi için üçüncü taraf bir kütüphane olan post-robot kullanıyoruz.

JS, mevcut sayfanın bir iframe mi yoksa açılır pencere mi olduğunu belirler
https://www.itsvse.com/thread-10342-1-1.html

HTML5 PostMessage pencere çapraz iletişimi
https://www.itsvse.com/thread-10343-1-1.html

Post-robot aslında PostMessage iletişim yönteminin daha bir kapsülasyonudur ve aşağıdaki özelliklere sahiptir (mesajı başka bir pencereye göndermek):

  • Mesajı gönderdiğiniz pencereden yanıt alın
  • Bir fonksiyonu farklı alanlar üzerinden başka bir pencereye aktarmak
  • Mesajlarınızın geçmesini engelleyen hataları ele alın
  • Mesajlarınızı seri olarak göndermek konusunda endişelenmeyin; Sadece JavaScript nesneleri gönderin
  • Mesajı gönderdiğiniz pencerenin yanıtını beklemek için vaatler kullanın veya asenkron/bekleyin
  • Bir alan üzerindeki iki pencere arasında güvenli bir mesaj kanalı oluşturun
  • IE'de ana pencere ile açılır pencere arasında bir mesaj gönderin


NPM adresi:Bağlantı girişi görünür.
GitHub kod adresi:Bağlantı girişi görünür.

Öncelikle, render düzenlemelerine şu şekilde bakalım:



Ebeveyn penceresi bir çocuk pencere açar, ardından çocuk pencereye mesaj gönderir ve çocuk penceresinden yanıt alabilir; tabii ki, çocuk pencere de ana pencereye mesaj göndererek yanıt alabilir.HTTP benzeri istek yanıt deseni。

Ana pencere kodu şu şekildedir:

Alt pencere kodu şu şekildedir:

(Son)





Önceki:Angular-cli, Angular projesinin belirli bir versiyonunu oluşturur
Önümüzdeki:Git sığ klon kaynak kodunu kullanarak büyük projeleri indirin

İlgili Yazılar
Yayınlandı 19.02.2023 20:50:34 |
merhabahello
Feragatname:
Code Farmer Network tarafından yayımlanan tüm yazılım, programlama materyalleri veya makaleler yalnızca öğrenme ve araştırma amaçları içindir; Yukarıdaki içerik ticari veya yasa dışı amaçlarla kullanılamaz, aksi takdirde kullanıcılar tüm sonuçları ödemelidir. Bu sitedeki bilgiler internetten alınmakta olup, telif hakkı anlaşmazlıklarının bu siteyle hiçbir ilgisi yoktur. Yukarıdaki içeriği indirmeden sonraki 24 saat içinde bilgisayarınızdan tamamen silmelisiniz. Programı beğendiyseniz, lütfen orijinal yazılımı destekleyin, kayıt satın alın ve daha iyi orijinal hizmetler alın. Herhangi bir ihlal olursa, lütfen bizimle e-posta yoluyla iletişime geçin.
Mail To:help@itsvse.com