Chrome -在我的网站/应用程序的导航栏中添加“安装应用程序”

tpxzln5u 于 9个月前发布在 Go

关注(0)|答案(1)|浏览(174)

最近，我在一些网站的Chrome/Chromium导航栏中发现了新的快捷方式。
它会在导航栏的右侧添加一个新图标。
x1c 0d1x的数据
点击，它会弹出一个邀请安装应用程序，这最终只是一个网站的快捷方式与独立的容器。实际上，它是相同的功能比More Tools> Create Shortcut菜单。

的一个。
我已经检查了Netgate论坛的HTML标题，但我没有找到正确的语法/功能，以获得我自己的应用程序的行为。
在我看来，这对PWA来说是一个很棒的新功能，对最终用户来说也是一个简化程序。
有人知道怎么做吗？
我什么也没发现。

google-chrome

来源：https://stackoverflow.com/questions/67917791/chrome-add-install-application-in-navigation-bar-for-my-website-applicatio

1条答案

按热度按时间

50few1ms1#

对于那些来自搜索引擎的实际答案：
1.添加到您的HTML：<link rel="manifest" href="/manifest.json"/>
1.创建包含基本信息的manifest.json文件，例如favicon和512px图标（可选）：

{
  "short_name": "Flappy Bird",
  "name": "Flappy Bird: an HTML5 game",
  "icons": [
    {
      "src": "favicon.png",
      "type": "image/png",
      "sizes": "24x24"
    },
    {
      "src": "logo512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

字符串
有关“web app manifest”如何工作以及可以向其中添加什么的更多信息，这里有一篇不错的参考文章：https://web.dev/articles/add-manifest

赞(0）回复(0）举报 9个月前

我来回答

Chrome -在我的网站/应用程序的导航栏中添加“安装应用程序”

1条答案

相关问题

热门标签

最新问答