我想为同一网站中的不同页面设置不同的收藏夹图像。 我在继HTMl之后使用的所有浏览器和设备上都可以正常工作：
<link rel="apple-touch-icon" href="abc.png">
<link rel="shortcut icon" href="abc.png">
我写了一个JavaScript来在pageload事件中修改上述html的链接标签。
场景：
假设有2页，
Page 1:home page which comes after login
Page 2:some other page, which I navigated from home page.
对于
Page 1, I set "Image_x" as favicon.(via pageload event JS)
Page 2, I set "Image_y" as favicon.(via pageload event JS)
这里的问题是：
对于第1页：将页面添加到主屏幕（为该页面创建快捷方式）后，我可以看到图标图标“ Image_x”。
但是对于第2页：将页面添加到主屏幕（为该页面创建快捷方式）后，我可以将图标图标显示为“当前页面屏幕快照”，而不是“ Image_y”。
即使我反之亦然，在这种情况下，我也可以看到“ Image_y”作为收藏夹图标正常工作。
它可以在所有其他浏览器（IE，FF和Chrome）和android上正常运行。但不是IOS设备（Iphone）。
不确定，这是怎么了。有什么建议吗？ 苹果设备在同一网站上是否支持多个网站图标？