【问题标题】:Inject or load html file into TWA/Custom tabs将 html 文件注入或加载到 TWA/自定义选项卡中
【发布时间】:2021-04-11 03:14:16
【问题描述】:

我目前正在开发 TWA / 自定义标签应用程序。看到用户需要加载网站,我想实现一个离线页面,以防用户没有连接到互联网。

使用 webview 时,我可以只加载一个 html 文件,使用自定义选项卡似乎更困难。

我目前在做什么:应用程序启动后,我会检查用户是否连接到互联网,如果失败,我想显示我的离线页面并让他们选择重试,否则启动自定义标签意图。

是否有一种简单的方法可以将我的离线 html 页面加载/注入到自定义选项卡中,或者是否有其他方法可以将 html 文件加载到视图中?

【问题讨论】:

    标签: android html webview twa android-customtabs


    【解决方案1】:

    为您的网络应用程序实现离线页面的最佳方式是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 有一个未解决的问题需要改进。

    【讨论】:

    • 我在原帖中好像没有提到。我正在使用 pwa。如果用户在第一次下载实际页面之前没有互联网连接,我的离线页面将显示用户是否下载了该应用程序并在稍后阶段打开它。
    • 知道了。请给错误加星标以帮助确定优先级! crbug.com/816798
    猜你喜欢
    • 2017-03-25
    • 1970-01-01
    • 2023-01-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多