Web geliştiricileri, yıllardır ödeme formları veya widget'lar gibi üçüncü taraf içerikleri iframe'ler içine yerleştirirken önemli bir zorlukla karşılaşıyordu. Ana sayfalar, farklı kaynaklardan gelen (cross-origin) iframe'lerin boyutlarına erişemediği için geliştiriciler karmaşık JavaScript "el sıkışma" (handshake) yöntemlerine başvurmak zorunda kalıyordu. Bu yöntem, iframe'in kendi içeriğini ölçüp ana sayfaya bir postMessage göndermesini, ana sayfanın da iframe'in CSS yüksekliğini manuel olarak güncellemesini içeriyordu. Ancak bu yöntem oldukça kırılgan bir yapıdaydı; geç yüklenen görselleri, dinamik içerik değişikliklerini (hata mesajlarının görünmesi gibi) veya farklı ekran genişliklerini ve yönlendirmelerini çoğu zaman hesaba katamıyordu. Bu durum ise genellikle uygunsuz kaydırma çubuklarına veya boşluklara yol açıyordu. Chrome 154, bu sorunu şu şekilde çözüyor…

Konular: Web Geliştirme, Tarayıcı Teknolojileri ve Kullanıcı Arayüzü (UI) Tasarımı

SiteM’de tam özet, flashcard ve quiz →

Orijinal kaynak: alfy.blog

Kaynak: sitem.co — paylas.io yer imi / keşif katmanı.