Instagram应用内浏览器破坏了Flutter网页



我们使用Flutter Web开发我们的网站,我们只在集成在Instagram应用程序中的浏览器中遇到一个问题。如果用户在Instagram中打开到我们网站的链接,应用程序内浏览器显示的页面完全奇怪(见https://i.stack.imgur.com/5geUn.png的破碎版本,请参阅这里https://i.stack.imgur.com/2eDwb.png了解它应该是什么样子)。这只发生在iOS上,只有当你第一次打开链接。

我们已经尝试改变网页渲染器,但这引入了其他布局问题(也只有Instagram)。如果用户正在重新加载页面,它会修复这个问题,但如果我们用html.window.location.reload()编程地完成它,它不会改变任何东西。你知道问题是什么吗?或者我们还可以尝试什么方法来解决这个问题?谢谢你!

我试过了:

flutter build web --web-renderer canvaskit --release

不知何故它帮助,但我需要等待大约一个小时,直到firebase主机更新了网站