我目前正在开发 TWA / 自定义选项卡应用程序。看到用户需要加载网站，我想实现一个离线页面，以防用户没有连接到互联网。
使用 webview 时，我可以只加载一个 html 文件，使用自定义选项卡似乎更困难。
我目前在做什么：应用程序启动后，我会检查用户是否连接到互联网，如果失败，我想显示我的离线页面并让他们选择重试，否则启动自定义标签意图。
是否有一种简单的方法可以将我的离线 html 页面加载/注入到自定义选项卡中，或者是否有另一种方法可以将 html 文件加载到视图中？
问问题
53 次
1 回答
0
为您的 Web 应用程序实现离线页面的最佳方式是使用 Service Worker。
这种方法的一个优点是这个离线页面也适用于使用独立浏览器的用户。而且，通过添加Web Manifest，您的应用程序将成为Progressive Web App，并且可以从浏览器安装。
Service Worker 可能是一个复杂的主题，所以我建议使用WorkBox开始使用它。这是一个简单的离线页面的秘诀。
这种方法有一个警告——第一次使用应用程序时会安装 Service Worker。从那一刻起，如果用户在离线时打开应用程序，它将显示离线页面。但是，如果用户第一次打开应用程序时处于离线状态，他们可能仍然会看到离线恐龙。在https://crbug.com/816798有一个未解决的问题可以改进。
于 2021-02-23T10:37:40.240 回答