设置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">

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

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

web前端开发 html5 移动web开发 HTML JavaScript

mos0054 9 years, 4 months ago

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

Marry_ answered 9 years, 4 months ago

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

兰州没烧饼 answered 9 years, 4 months ago

Your Answer