自定义图标"添加到主屏幕"

时间:2017-04-18 08:56:35

标签: html icons homescreen

网络浏览器中是否有默认选项的替代品,例如chrome允许我在我的webapp中添加链接或按钮并在主屏幕中创建图标?

例如,我有我的webapp,我想在main.html中使用一个链接或按钮来执行脚本并在主屏幕中创建图标。我想不可能。那么有没有其他方法可以在Web浏览器中模拟这个默认选项?

另外,我想指定主屏幕中显示的图标。我怎么能这样做?

1 个答案:

答案 0 :(得分:20)

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

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

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

有关Android设备的详细信息,请查看Android document。如果<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以获取替代方案。 “添加到主屏幕”将显示一条重叠消息,鼓励用户将网络应用添加到主屏幕。

注意:感谢adam0404的评论,cubiq.org链接现在已经破了。幸运的是,“添加到主屏幕”库已上传到GitHub,请检查https://github.com/cubiq/add-to-homescreen