为 "Add to home screen" 自定义图标

Customize icon for "Add to home screen"

Web 浏览器中的默认选项是否有任何替代方案,例如 chrome 允许我在我的网络应用程序中添加 link 或按钮并在主屏幕中创建一个图标?

例如,我有我的网络应用程序,我想要一个 link 或 main.html 中的按钮来执行脚本并在主屏幕中创建图标。我认为这是不可能的。那么是否有任何替代方案可以在网络浏览器中模拟此默认选项?

我还想指定在主屏幕上显示的图标。我该怎么做?

我想指定在主屏幕上显示的图标。我该怎么做?

您可以使用 <link rel="apple-touch-icon" sizes="128x128" href="niceicon.png">(是的,即使是 Android 设备)。

有关 Apple 设备的详细信息,请查看 iOS document。请注意,您甚至可以为整个网站定义图标。

请检查 Android document 以获取有关 Android 设备的详细信息。如果<link rel="apple-touch-icon" sizes="128x128" href="niceicon.png">不行,可以试试<link rel="icon" sizes="192x192" href="nice-highres.png">,这是Android中推荐的方法。

是否有任何替代方案可以在网络浏览器中模拟此默认选项?

您可以检查 http://cubiq.org/add-to-home-screen 以寻找替代方案。 "add-to-home-screen" 将显示一条叠加消息,鼓励用户将网络应用程序添加到主屏幕。

注意:感谢 adam0404 的评论,cubiq.org link 现在已损坏。幸好"add-to-home-screen"库已上传到GitHub,请查看https://github.com/cubiq/add-to-homescreen