Instagram 浏览器（iOs 形式）不显示我的 ste 上的所有元素

Question

我的网站可以在各种设备/浏览器上完美运行。

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

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

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

有任何想法吗？

Answer 1

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

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

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

2. 它打印出来...

   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

所以我复制了它

3. 我去野生动物园
4. 打开“开发”菜单，“用户代理”，然后“其他”
5. 我粘贴
6. 我将 Safari 窗口的大小调整为与 iPhone 浏览器的尺寸相同，然后就可以开始了！