2017-08-15 15 views
9

Instagram, (bu sene bir noktada) uygulama içi tarayıcısında (web görünümünde) en azından iOS'ta çoğu siteyi kırdığı bir güncellemeyi yayınladı.Instagram uygulama içi tarayıcı kırpmasında herhangi bir geçici çözüm var mı?

Ekte verilen resim, bir Reklamda "Daha fazla bilgi edinin" bağlantısını tıkladıktan sonra açılan, ancak aynı davranışı da Profil Biyo bağlantıları üzerinde bulunduran web sitesidir.

Sorun? En üstteki bar, web sitesinde bir yer paylaşımı gibi gözüküyor, mobil cihazlar için en çok gezinmeyi (sol üst köşedeki hamburger simgesi) kullanılamaz/sakıncalı ve/veya gizli hale getiriyor.

innerHeight, screen.height ile aynıdır. How to adjust html/css layout for instagram in-app browser? numaralı telefondan yanıtlandığı gibi, web görünümünün kullanıcı aracısını yakabiliriz. onlar bir noktada bunu düzeltmek, ancak isterlerse çözümün herhangi padding-top tür kıracak gibi görünüyor eğer

SXSW website via Instagram Ads click

Emin.

+0

Merhaba Tom, sen için bir düzeltme buldunuz siteleri kırık işaret ettiğini bir alternatif öğrendim Bu tesadüfen? 2 gün önce Instagram güncellemesinin sitemizin birkaçında bu sorunu çözdüğünü görmüyorum. Bilmeme izin ver! – nickff

+0

Daha spesifik olarak, başlığınızdaki sorunu gidermek için ne tür bir css yazdınız? İnstagram tarayıcıda pozisyonları/görünürlüğü ile ilgili sorunları olan birden fazla sabit konum elemanına sahibiz. Düşüncelerinizi çok isterim! – nickff

+1

@nickff Javascript kullanarak çözdüm, cevabımı aşağıya bakın. Kullanıcı görüşlerini web görüşlerini algılamak için kullanmanız gerektiğinden, yalnızca CSS çözümü yoktur. –

cevap

3

onlar bıraktığınızda uygun düzeltme reklamın (verilen ton kırmak olmamalıdır teoride halen :)

if (window.innerHeight === window.screen.height && navigator.userAgent.match(/instagram/i)) { 
    // here apply the fixes 
} 
İlgili konular