如何在移动浏览器中打开网站上弹出“添加到主屏幕”

2024-02-02

如何让手机浏览器弹出这个提示 “添加到主页”将在手机主屏幕上创建 chrome 图标,并在手机上创建网站链接。

请提出解决方案。


官方要求是:

当您的应用满足以下条件时,Chrome 会自动显示横幅:

  • Has a web app manifest https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/ file with:
    • 短名称(在主屏幕上使用)
    • 名称(在横幅中使用)
    • 144x144 png 图标(图标声明必须包含 image/png 的 mime 类型)
    • 加载的 start_url
  • Has a 服务人员 https://developers.google.com/web/fundamentals/getting-started/primers/service-workers在您的网站上注册。
  • 已送达HTTPS https://developers.google.com/web/fundamentals/security/encrypt-in-transit/why-https(使用 Service Worker 的要求)。
  • 至少被访问两次,两次访问之间至少间隔五分钟。

source: https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/ https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/

您可以通过启用 chrome 标志来跳过这些用于测试或调试目的的要求:

chrome://flags/#bypass-app-banner-engagement-checks

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在移动浏览器中打开网站上弹出“添加到主屏幕” 的相关文章

随机推荐