启动 TWA 时出现白屏

Posted

技术标签:

【中文标题】启动 TWA 时出现白屏【英文标题】:White screen when launch TWA with splash 【发布时间】:2021-01-11 11:51:15 【问题描述】:

我在启动 TWA 时显示启动画面(TWA 启动画面),但在延迟启动应用程序时,我在启动画面后看到白屏 4-5 秒,因为我的网络代码需要加载更多启动之前的数据,我知道我的网络代码不应该花费太多时间来加载,但我想在本机端使用加载器处理这个白屏,只是由于一些限制。 我没有扩展 LauncherActivity(来自 android 浏览器帮助程序 SDK),也没有在 Manifest 中将其用作启动器,由于某些条件启动,我已将此活动的代码(无论需要什么)复制到我的本机活动 Abc。 在 TWA 启动后,我现在无法弄清楚哪个活动正在托管 Web 内容。作为我的活动,Abc 似乎处于 onPause 状态。所以我不能使用这个活动来显示加载器。如果我使用新活动来显示加载器,我的网页内容不会在后台加载,它只会在网页内容在前台时开始加载。 我想在有时间加载网页内容时显示加载器,有什么办法吗?

注意:我的网页 URL 中很少有用于启动的重定向。

【问题讨论】:

【参考方案1】:

这种情况下的问题是加载 Web 应用程序的时间过长。

受信任的 Web 活动的启动画面将在 Chrome 加载页面时启动,并在 初始 URL 触发 pageload 事件时自动删除。

您可以使用多种技术来提高 Web 应用程序的性能。一个很好的起点是https://web.dev/fast/。您的描述中的一个提示是,受信任的 Web 活动应该打开最终 URL,并且没有任何重定向。

【讨论】:

以上是关于启动 TWA 时出现白屏的主要内容,如果未能解决你的问题,请参考以下文章

在我的反应 js 项目中运行 npm start 时出现白屏

在 Xcode 上运行 Cordova 2.6.0 项目时出现白屏

开始玩游戏时出现白屏是怎么回事

运行php项目时出现白屏

缩小MVC项目窗口时出现白屏死机[关闭]

iOS - 在 iPad 上测试时出现白屏