首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Flutter web在ios safari/chrome上挂起,没有错误

Flutter web在ios safari/chrome上挂起,没有错误
EN

Stack Overflow用户
提问于 2021-06-07 05:32:15
回答 1查看 584关注 0票数 0

我已经在https://buildcode.app上部署了我的flutter web应用程序,但该网站在ios chrome/safari上挂起,而不是android或桌面上挂起。当我使用控制台检查时,没有出现运行时错误,我不确定在这种情况下如何调试。

EN

回答 1

Stack Overflow用户

发布于 2021-09-07 00:04:42

这里的渲染器可能有问题,因为flutter使用两个渲染器html和canvaskit以及自动(默认)如果我们不选择使用哪一个,它选择最适合目标平台的渲染器,因为当应用程序在移动浏览器中运行时,该选项选择HTML渲染器,而当应用程序在桌面浏览器中运行时,该选项选择CanvasKit渲染器。

SVG渲染器:使用元素、CSS、Canvas元素和SVG的组合。此渲染器的下载大小较小。

CanvasKit渲染器:此渲染器与Flutter移动和桌面完全一致,具有更快的性能和更高的小部件密度,但增加了大约2MB的下载大小。

当我们运行flutter build web时,flutter会使用自动渲染器运行你的应用程序,因为我们没有提到使用哪个渲染器来构建/运行。我们可以通过使用两个标志htmlcanvaskit来指定要使用的渲染器:这个标志可以与run或Build子命令一起使用。

例如:

代码语言:javascript
运行
复制
flutter run -d chrome --web-renderer html
flutter build web --web-renderer canvaskit

因此,尝试使用ios release的html渲染器构建您的web应用程序,因为该渲染器的下载大小较小,如flutter docs here中所述。

尝试在控制台中运行flutter build web --web-renderer html --release,然后它应该可以在ios chrome/safari浏览器中完美工作。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67863874

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档