Instagram 浏览器（适用于 iOs）未显示我网站上的所有元素答案

【问题标题】：Instagram browser (form iOs) doesn't display all the elements on my steInstagram 浏览器（适用于 iOs）未显示我网站上的所有元素
【发布时间】：2017-12-03 23:59:17
【问题描述】：

我的site 可以完美地跨设备/浏览器运行。

原生 Instagram 浏览器除外。当您单击来自bio 的链接（来自iphone - 不确定Android）时，它会打开站点并完成加载，但所有图像除外。如果您进一步导航到产品页面，产品图片库也会丢失。

我已清除手机、Instagram、Safari、Chrome 的缓存。似乎没有什么影响它。

找不到在桌面上复制问题的方法或找到 IG 浏览器的确切设置。

有什么想法吗？

【问题讨论】：

我的网站可以在各种设备/浏览器中完美运行。如果加载需要那么长时间，我不会说它完美运行
我会尝试使用警报来调试 jacascript，看看它能走多远。有时用 validator.w3.org/nu/?doc=https%3A%2F%2Fwww.bambamboom.com%2F 之类的东西检查完整性是件好事

标签： javascript jquery ios css instagram

【解决方案1】：

是的，您可以使用 Safari 来重现该问题。

首先您需要找出这个 Instagram 的 userAgent 是什么。所以我只是把这段代码贴在了网页上。

    <p id="agent"></p>
    <script>
        document.getElementById('agent').innerHTML = navigator.userAgent;
    </script>

打印出来...

Mozilla/5.0（iPhone；CPU iPhone OS 12_3_1，如 Mac OS X）AppleWebKit/605.1.15（KHTML，如 Gecko）Mobile/15E148 Instagram 112.0.0.17.121（iPad7,5；iOS 12_3_1；en_AU ; en-AU; scale=2.00; 750x1334; 173391461

所以我复制了它

我去 Safari
依次打开“开发”菜单、“用户代理”和“其他”
我粘贴
我将 Safari 窗口的大小调整为与我的 iphone 浏览器相同的大小，然后我就可以开始了！

【讨论】：

【解决方案2】：

我在运行 13.3.1 的 iPad Pro 11" 上遇到过/遇到过同样的问题。不知道为什么，但打开隐私模式似乎可以解决问题。

【讨论】：