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

gar*_*202 9 html icons homescreen

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

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

另外,我想指定主屏幕中显示的图标.我怎样才能做到这一点?

sha*_*ncs 21

我想指定主屏幕中显示的图标.我怎样才能做到这一点?

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

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

有关Android设备的详细信息,请查看Android文档.如果<link rel="apple-touch-icon" sizes="128x128" href="niceicon.png">不起作用,您可以尝试<link rel="icon" sizes="192x192" href="nice-highres.png">,这是Android中推荐的方法.

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

您可以查看http://cubiq.org/add-to-home-screen以获取替代方案."添加到主屏幕"将显示重叠消息,鼓励用户将Web应用程序添加到主屏幕.

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