2017-08-15 3 views
9

इंस्टाग्राम जारी की उनकी इन-ऐप ब्राउज़र (वेब ​​दृश्य) पर एक अद्यतन है कि कम से कम आईओएस में, सबसे साइटों टूट जाता है (कुछ बिंदु इस साल पर)।Instagram इन-ऐप ब्राउज़र क्रॉपिंग पर कोई वर्कअराउंड?

संलग्न छवि एक विज्ञापन पर "अधिक जानें" क्लिक करने के बाद खोला वेबसाइट है, लेकिन प्रोफ़ाइल जैव लिंक पर एक ही व्यवहार भी है।

समस्या? ऐसा लगता है ऊपर पट्टी वेबसाइट पर एक उपरिशायी है, मोबाइल (ऊपर बाएं कोने में हैमबर्गर चिह्न) के लिए सबसे नेविगेशन बनाने व्यर्थ/उन पर क्लिक और/या छिपा।

innerHeightscreen.height के समान है। जैसा कि How to adjust html/css layout for instagram in-app browser? पर उत्तर दिया गया है, हम वेबव्यू के उपयोगकर्ता एजेंट को स्नीफ कर सकते हैं।

SXSW website via Instagram Ads click

अनिश्चित अगर वे कुछ बिंदु पर इसे ठीक कर देंगे, लेकिन लगता है कि समाधान के किसी भी गद्दी-टॉप तरह अगर वे करते हैं टूट जाएगा।

+0

हाय टॉम, आप के लिए एक ठीक मिला साइटों टूट ओर इशारा करते हैं पता चला है मौके से यह? मैं 2 दिन पहले Instagram अद्यतन को देख रहा हूं, हमारी कुछ साइटों पर यह सटीक समस्या उत्पन्न कर रहा है। मुझे बताएं! – nickff

+0

अधिक विशेष रूप से, क्या सीएसएस आप अपने हैडर कट रही समस्या का समाधान करने लिखा? हमारे पास Instagram ब्राउज़र में उनकी स्थिति/दृश्यता के साथ कई समस्याएं हैं जिनके पास समस्याएं हैं। अपने विचारों से प्यार करेंगे! – nickff

+1

@nickff मैंने इसे जावास्क्रिप्ट का उपयोग करके हल किया, नीचे मेरा जवाब देखें। कोई सीएसएस-केवल समाधान नहीं है, क्योंकि आपको उपयोगकर्ता एजेंट को अपने वेबव्यू का पता लगाने के लिए स्नीफ करना होगा। –

उत्तर

3

मैं एक विकल्प है कि सिद्धांत को तोड़ने नहीं करना चाहिए, जब वे जारी एक उचित ठीक (विज्ञापनों की दी टन में वर्तमान में :)

if (window.innerHeight === window.screen.height && navigator.userAgent.match(/instagram/i)) { 
    // here apply the fixes 
} 
संबंधित मुद्दे