设置link apple-touch-icon会不会自动下载

在手机上访问一些应用是有时候会将网页链接添加到主屏幕,就像一个app一样,这时候需要为这个桌面的网页app设置图标:

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">

例如上面的例子,设置了多个图标,那么问题来了,这些图片什么时候下载,是在页面加载的时候,还是我决定将网页保存到主屏幕的时候?

如果是在网页加载的时候去下载,那么这多个图标的下载会让网页加载变慢吗?

阅读 4.2k
2 个回答

我试着调试了下, 页面加载的时候确实没有下载这些图标。所以,理论上应该是将网页保存到主屏幕时才去下载

嗯,只在要添加主屏幕的时候才加载,并且浏览器会有缓存

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题