Bất kỳ giải pháp nào về cắt xén trình duyệt trong ứng dụng Instagram?

Question

Instagram phát hành (tại một số điểm trong năm nay) bản cập nhật trên trình duyệt trong ứng dụng của họ (webview) mà ít nhất trong iOS, phá vỡ hầu hết các trang web.

Hình ảnh đính kèm là trang web được mở sau khi nhấp vào "Tìm hiểu thêm" trên Quảng cáo nhưng cũng có cùng hành vi trên liên kết Hồ sơ sinh học.

Sự cố? Có vẻ như thanh trên cùng là lớp phủ trên trang web, làm cho hầu hết các điều hướng dành cho thiết bị di động (biểu tượng bánh hamburger ở góc trên cùng bên trái) không sử dụng được/không thể nhấp và/hoặc bị ẩn.

innerHeight giống với screen.height. Như được trả lời tại How to adjust html/css layout for instagram in-app browser?, chúng tôi có thể đánh giá tác nhân người dùng của chế độ xem web.

Không chắc chắn nếu họ sẽ sửa chữa nó tại một số điểm, nhưng dường như bất kỳ padding-top loại giải pháp sẽ phá vỡ nếu họ làm.

Answer 1

Tôi đã phát hiện ra một sự thay thế mà về mặt lý thuyết không nên phá vỡ khi họ phát hành một sửa chữa thích hợp (tấn cho quảng cáo được trỏ đến các trang web bị phá vỡ hiện :)

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