Jakiekolwiek obejście w przycinaniu przeglądarki w aplikacji na Instagramie?

Question

Instagram opublikował (w pewnym momencie bieżącego roku) aktualizację przeglądarki (w przeglądarce) w przeglądarce, która przynajmniej w systemie iOS łamie większość witryn.

Załączony obraz to strona internetowa otwierana po kliknięciu "Dowiedz się więcej" w reklamie, ale zachowuje się tak samo w przypadku linków w profilu Bio.

Problem? Wygląda na to, że górny pasek jest nakładką na stronie, dzięki czemu większość nawigacji dla urządzeń przenośnych (ikona hamburgera w lewym górnym rogu) jest niezdatna do użytku/nie można jej usunąć i/lub ukryta.

Numer innerHeight jest taki sam jak screen.height. Zgodnie z odpowiedzią pod numerem How to adjust html/css layout for instagram in-app browser? możemy sniffować użytkownika przeglądarki.

pewności, czy będzie to naprawić w pewnym momencie, ale wydaje się, że każdy padding-top rodzaju rozwiązanie złamać jeśli robią.

Answer 1

znalazłem się alternatywę, która teoretycznie nie powinna przełamać kiedy zwolnić odpowiednią poprawkę (podane tony reklam są wskazując złamany witryn aktualnie :)

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