iPhone Safari怎么把网页添加到屏幕上?

发布网友

我来回答

2个回答

懂视网

  我之前有篇文章介绍过如何将网站固定到Windows的开始菜单,并可以自定义图标、颜色以及Windows推送通知,其实Apple也有类似的功能,通过在网页的head部分添加link标记,在Safari浏览器中我们可以轻易地将网站添加到iPhone的主屏幕,使它看起来就像一个普通的app一样。

  要实现该功能很简单,只需要在你网站的根目录下放一张名为"apple-touch-icon.png"的图片即可,像添加favicon一样(将名为"favicon.ico"的图标放在网站的根目录下,浏览器会自动加载并显示网站的图标)。

  如果需要精确控制,添加下面的代码:

  1. 在网页的head部分添加以下代码,其中href属性值为图片的路径。

 

  2. 为满足不同分辨率设备的显示效果,可以添加三个不同分辨率的图片:57 x 57像素用于前三代iPhone和iPod Touch,72 x 72像素用于iPad,114 x 114像素用于采用Retina display的iPhone4和iPod Touch等后续产品。通过sizes属性控制:

 

  3. 另外,通过将rel属性的值修改成"apple-touch-icon-precomposed"来避免iOS将图标添加高光效果。

热心网友

1、首先,打开iPhone首页的Safari浏览器。 2、然后打开下方的带箭头的快捷方式。 3、然后往后拖拉,找到添加到主屏幕,并点击。 4、出现添加到主屏幕的设置选项。 5、点击右上角的添加按钮,即可在主页看到添加的快捷访问方式。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com