如何在Chrome浏览器中的Chrome网站上添加主屏幕横幅广告?

Ric*_*Ric 2 mobile android google-chrome progressive-web-apps

我想自定义我的网站类似于www.flipkart.com(如果在chrome-android上加载并点击"添加到主屏幕").单击此选项创建的图标时,它会显示一个闪屏,但不会显示地址栏.如何为我的网站实现此行为?

Kin*_*lan 6

虽然其中一个突出显示安装到主屏幕的答案部分正确,但我们的完整指导是:

  • 使用应用安装横幅
    • 创建包含short_name,icons和launch_url的清单文件
    • 链接到页面中的清单文件
  • Web App安装横幅
    • 可选择包含额外信息,例如background_colortheme_color.
  • 在App安装横幅上收听活动
    • 了解Chrome何时认为可以提示安装,然后提供将其推迟到更合适时间的功能.
    • 通过查看onbeforeinstallprompt事件中的响应,了解用户是否已接受或拒绝提示.