如何解决将 html 文件注入或加载到 TWA/自定义选项卡中
我目前正在开发 TWA/自定义标签应用程序。鉴于用户需要加载网站,我想实现一个离线页面,以防用户未连接到互联网。
使用 webview 时,我可以只加载一个 html 文件,使用自定义选项卡似乎更困难。
我目前在做什么:应用程序启动后,我会检查用户是否连接到互联网,如果连接失败,我想显示我的离线页面并让他们选择重试,否则启动自定义标签意图。
是否有一种简单的方法可以将我的离线 html 页面加载/注入到自定义选项卡中,或者是否有另一种方法可以将 html 文件加载到视图中?
解决方法
为您的 Web 应用程序实现离线页面的最佳方法是 to use a Service Worker。
这种方法的一个优点是,这个离线页面也适用于使用独立浏览器的用户。而且,通过添加 Web Manifest,您的应用程序将成为 Progressive Web App 并且将是 installable from the browsers。
Service Worker 可能是一个复杂的主题,因此我建议您使用 WorkBox 开始使用它。这是recipe for a simple offline page。
这种方法有一个警告 - Service Worker 在第一次使用应用程序时安装。从那一刻起,如果用户在离线状态下打开应用程序,它将显示离线页面。但是,如果用户在第一次打开应用程序时处于离线状态,他们可能仍然会看到离线恐龙。 https://crbug.com/816798 有一个未解决的问题需要改进。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。