javascript - 关于 Instagram 应用程序内浏览器裁剪的任何解决方法？

Question

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

所附图片是点击广告上的“了解更多”后打开的网站，但在 Profile Bio 链接上也有相同的行为。

问题是什么？顶部栏似乎是网站上的叠加层，使得大多数移动设备导航(左上角的汉堡图标)无法使用/无法点击和/或隐藏。

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

不确定他们是否会在某个时候修复它，但似乎任何 padding-top 类型的解决方案都会在修复时失效。

Answer 1

我发现了一个替代方案，理论上当他们发布适当的修复程序时应该不会损坏(鉴于目前有大量广告指向损坏的网站:)

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