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

Nik*_*ann 6 instagram flutter flutter-web

我们使用 Flutter Web 来开发我们的网站,但仅在 Instagram 应用程序中集成的浏览器中遇到一个问题。如果用户在 Instagram 中打开指向我们网站的链接,应用程序内浏览器会显示完全奇怪的页面(请参阅https://i.stack.imgur.com/5geUn.png了解损坏的版本,请参阅此处https://i.stack.imgur.com/5geUn.png /i.stack.imgur.com/2eDwb.png了解它的外观)。这只发生在 iOS 上,并且仅当您第一次打开链接时才会发生。

我们尝试过更改网页渲染器,但这会引入其他布局问题(也仅限 Instagram)。如果用户重新加载页面,它可以解决问题,但如果我们使用 html.window.location.reload() 以编程方式执行此操作,则不会改变任何内容。您知道问题可能是什么,或者我们还可以尝试什么来解决这个问题?谢谢你!

小智 1

我试过这个:

flutter build web --web-renderer canvaskit --release
Run Code Online (Sandbox Code Playgroud)

不知怎的,它有所帮助,但我需要等待一个小时,直到 firebase 托管更新网站