javascript – Instagram上应用内浏览器裁剪的任何解决方法？

Instagram发布了(在今年的某个时候)他们的应用程序内浏览器(webview)的更新,至少在iOS中打破了大多数网站.

附加图像是在点击广告上的“了解详情”后打开的网站,但在个人资料生成链接上也有相同的行为.

问题？顶部栏似乎是网站上的叠加,使得大多数移动导航(左上角的汉堡图标)无法使用/不可点击和/或隐藏.

innerHeight与screen.height相同.在How to adjust html/css layout for instagram in-app browser?回答我们可以嗅探webview的用户代理.

不确定他们是否会在某些时候修复它,但似乎任何填充顶级的解决方案都会破坏它们.

解决方法:

我发现了一种替代方案,理论上它们在发布适当的修复时不会破坏(目前有大量广告指向破碎的网站:)

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