【发布时间】: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 不得存在或为假
-
-
使用获取处理程序注册服务工作者
- 从 2021 年年中开始,Chrome 将要求 fetch 事件处理程序在设备离线时返回有效响应,请参阅 Improving Progressive Web App offline support detection 了解完整详情和时间表。
通过准备此列表,“将 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