【问题标题】:Force Chrome to Generate WebAPK Insted of Add to Home Screen强制 Chrome 生成 Web APP 而不是添加到主屏幕
【发布时间】:2021-04-11 06:16:55
【问题描述】:

从 android 的第 7 版开始,通过将 webapp 添加到设备主屏幕,chrome 徽标出现在添加项目的图标的右下角,这不好。为了解决this problem,对我来说最好的建议是使用 webAPK 而不是 webapp。我尝试创建简单的网页来检查 webapk 创建过程。 根据此链接WebAPKs on Android的内容:

在 Android 上安装 PWA 不仅仅是添加 Progressive Web 应用程序到用户的主屏幕。 Chrome 会自动生成并 安装您应用的特殊 APK。我们有时将其称为 WebAPK。

为此,根据Install criteria,网站必须满足以下条件:

  • 该网络应用尚未安装

  • 满足用户参与启发式

  • 通过 HTTPS 提供服务

  • 包括一个Web App Manifest,其中包括:

    • 短名称或名称

    • 图标 - 必须包含一个 192 像素和一个 512 像素的图标

    • start_url

    • 显示 - 必须是全屏、独立或最小用户界面之一

    • prefer_related_applications 不得存在或为假

  • 使用获取处理程序注册服务工作者

通过准备此列表,“将 X 添加到主屏幕”菜单项重命名为“安装 X”,但在安装过程之后,chrome 徽标已经存在。 似乎安装过程不会发生或启动并失败,只会发生创建快捷方式。 我还搜索互联网以查找任何存在但未找到的 wepPAK 示例。 例如https://airhorner.com/ 或https://www.makemytrip.com/ 有同样的问题

任何机构都可以帮助我创建 webAPK 或删除 chrome 徽标该怎么做? 坦克。

更新:

感谢mathias 的建议,我在chrome 中安装了lighthouse 插件,检查并修复生成报告中的所有项目。

lighthouse report after fix all item

但问题仍然存在。我不知道为什么。一切看起来都很好!

更新:

就像this issue,使用 VPN 时问题解决了,我认为这将是由于对伊朗的制裁。取消制裁。

【问题讨论】:

  • 如果您在徽标顶部看到 chrome 徽标,您很可能只是为您的网站添加了快捷方式,而不是安装 PWA。使用 HTTPS URL 运行时,您的 PWA 是否通过 Chrome Lighthouse 工具作为有效的 PWA 传递?如果有问题,它通常会给出很好的提示。
  • 我同意。 WebAPK 根本没有创建。感谢您的建议。我安装了插件,检查并修复了生成报告中的所有项目,但问题仍然存在。我不知道为什么。一切看起来都很好。!
  • 您是否在其他新设备上仔细检查过?您需要确保完全清除以前测试中的测试。
  • 注意:您提到 AirHorner.com 不会为您安装?这是一个标准的基本 PWA,因此它可能表明您用于测试的设备的某些内容。或者你的网络(疯狂猜测)。
  • @Mathias 再次感谢您的关注。使用 VPN 时问题解决了,我认为这将是由于对伊朗的制裁。制裁。

标签: android google-chrome web-applications progressive-web-apps webapk


【解决方案1】:

使用 VPN 时问题已解决,我认为这将是由于对伊朗的制裁。取消制裁。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-05-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-04-19
    • 1970-01-01
    • 2011-04-17
    • 1970-01-01
    相关资源
    最近更新 更多