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

Question

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

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

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

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

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

Answer 1

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

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