Javascript Instagram应用程序内浏览器裁剪有什么解决方法吗？

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

所附图片是在点击广告上的“了解更多”后打开的网站，但在个人资料的生物链接上也有相同的行为

问题出在哪里？顶部的栏似乎是网站上的一个覆盖，使得大多数手机导航（左上角的汉堡包图标）不可用/不可点击和/或隐藏

innerHeight

与

screen.height

相同。正如在上所回答的，我们可以嗅探webview的用户代理

---

不确定他们是否会在某个时候修复它，但如果他们这样做，任何一种解决方案似乎都会崩溃。

我找到了一个理论上不应该在他们发布正确修复时崩溃的替代方案（鉴于目前有大量广告指向损坏的网站：）

---

嗨，汤姆，你是不是碰巧找到了解决办法？我注意到两天前Instagram的更新在我们的一些网站上引起了这个问题。让我知道！更具体地说，您编写了什么css来解决标题被截断的问题？我们有多个固定位置元素在instagram浏览器中的位置/可见性存在问题。我会喜欢你的想法@如果我用JavaScript解决了这个问题，请参见下面的答案。没有唯一的CSS解决方案，因为你必须嗅探用户代理来检测他们的网络视图。明白了。谢谢你，汤姆！我们注意到这个问题已经在许多网站（不仅仅是我们自己的网站）上重新出现。猜测Instagram会发布一个补丁，因为它似乎只出现在iOS设备上，而不是安卓系统上。@nickff我在回答中提供的补丁确实考虑到了他们未来的补丁，如果他们修复了它，它将一事无成<代码>可用高度==屏幕高度每当他们修复时，屏幕高度将不再相同。您是如何修复此问题的？您是否向下滚动了内容？你怎么知道instagram标题的高度？我面临同样的问题，如何解决？@MichaelCauduro故意不显示“修复”，因为每个网站的“修复”可能不同。你的解决方案应该针对你的特定网站，你可以通过反复试验，或者使用Photoshop或任何设计程序中的屏幕截图和标尺来计算精确的像素。

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