apple-touch-icon-precomposed

最新推荐文章于 2023-10-12 22:57:49 发布
最新推荐文章于 2023-10-12 22:57:49 发布
阅读量804 收藏
点赞数
原文链接：http://www.cnblogs.com/huangliping/p/8489729.html
版权 
<link rel="apple-touch-icon-precomposed" href="">


      apple-touch-icon-precomposed是苹果为iOS设备配备了apple-touch-icon私有属性，支持size属性，可以用来适应不同的设备。

     当属性值为apple-touch-icon-precomposed时，系统将不会对图标添加类似于圆角和高光效果；当属性值为apple-touch-icon时系统会自动为图标添加圆角及高光。

转载于:https://www.cnblogs.com/huangliping/p/8489729.html

weixin_30693683
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android中处理apple-touch-icon详解
01-05
苹果的Touch Icon相对我们都比较熟悉，是苹果为了支持网络应用（或者说网页）添加到桌面需要的图标，有了这些Touch Icon的网页链接更加和Native应用更相像了。由于苹果设备IPod，IPhone,IPad等设备广泛，很多网页都提供了touch icon这种图标资源。由于Android中并没有及早的有一份这样的标准，当我们想把网页添加到桌面时，仍然需要使用苹果的Touch Icon。 Touch Icon 当我们想让一个网页比较完美地添加到桌面，通常情况下我们需要设置一个png图片文件作为apple-touch-icon。比如： 代码如下: <link rel=”apple-to
HTML5标签<link rel="apple-touch-icon" 标签是干什么用的?
01-09
HTML5标签<link rel="apple-touch-icon" 标签是干什么用的?
苹果图标apple-touch-icon-precomposed和apple-touch-icon两种设置的区别探究
kaosini的专栏
05-21 1860
转载链接：http://www.iptu.net/index.php/archives/3109.iptu 苹果safari浏览器当中apple-touch-icon-precomposed 和 apple-touch-icon属性是有区别的，之前在网上查了下相关的资料和苹果的开发文档手册，对这两中属性区别说的不够详细，导致现在大家开发的时候有些混淆。 苹果safari浏览
webapp 图标apple-touch-icon-precomposed和apple-touch-icon区别
Feiin的专栏
11-14 2865
apple-touch-icon-precomposed和apple-touch-icon 是苹果safari浏览器定义的这两种属性，是为了苹果移动设备对移动网站（web app）添加到桌面的时候增加的图标定义属性。 图标设置的属性分为： apple-touch-icon 和 apple-touch-icon-precomposed 使用apple-touch-ico
关于Apple设备私有的apple-touch-icon属性详解
热门推荐
freshlover的专栏
07-12 5万+
以前我们用过favicon在浏览器给网站进行身份标识，用法如下： 现今移动设备越来越多，苹果为iOS设备配备了apple-touch-icon私有属性，添加该属性，在iPhone,iPad,iTouch的safari浏览器上可以使用添加到主屏按钮将网站添加到主屏幕上，方便用户以后访问。实现方法是在HTML文档的标签加入下面代码即可。 apple-touch-icon 标签支
<link rel="apple-touch-icon-precomposed"/> 的说明
Jamkier's zone
04-16 1254
转自：http://hi.baidu.com/yuuuk/item/b93c933096d4ef4c80f1a71d
WebApp之 apple-touch-icon
weixin_30342827的博客
04-10 110
在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。apple-touch-icon是IOS设备的私有标签，如果设置了相应apple-touch-icon标签，则添加到主屏上的图标会使用指定的图片。在 区域加入下面代码即可。 apple-touch-icon标签支持sizes属性，可以用来放置对应不同的设备。 分别放置57×57（默认值）...
html中iOS的图标问题apple-touch-icon等
weixin_35755389的博客
10-28 4901
iOS 图标 rel 参数： apple-touch-icon 图片自动处理成圆角和高光等效果。 apple-touch-icon-precomposed 禁止系统自动添加效果，直接显示设计原图。  rel="apple-touch-icon" sizes="180x180" href="./path/to/icon.png"> 旧) / Android標準ブラウ
facaiy.github.io：个人博客
02-14
如果复制（fork），请移除/替换掉以下文件：路径说明_includes / analytics.html搜索引擎统计baidu_verify_VSAbL72IjR.html百度站点认证favicon.ico网站图标apple-touch-icon-precomposed.png网站图标_config.yml...
generator-pwa:渐进式webapp的Yeoman生成器
05-03
touch| | | ____apple-touch-icon.png| | | ____chrome-touch-icon-192x192.png| | | ____icon-128x128.png| | | ____ms-touch-icon-144x144-precomposed.png| ____index.html| ____js| | ____app.js| | ____push.js...
apple-touch-icon 和 apple-touch-icon-precomposed的区别
diaosheng8387的博客
04-24 191
apple-touch-icon：有高光 apple-touch-icon-precomposed：无高光 转载于:https://www.cnblogs.com/anyaran/archive/2013/04/24/3039867.html
（转）apple-touch-icon-precomposed 和 apple-touch-icon属性区别
weixin_30783913的博客
07-01 113
苹果safari浏览器当中apple-touch-icon-precomposed 和 apple-touch-icon属性是有区别的，之前在网上查了下相关的资料和苹果的开发文档手册，对这两中属性区别说的不够详细，导致现在大家开发的时候有些混淆。 苹果safari浏览器定义的这两种属性是为了苹果移动设备（ipod、ipad、iphone）对移动网站-mobile web进行收藏（“添加到桌面...
apple touch icon
sugang_ximi的专栏
07-12 3350
这几天在做网站优化，也看了本站的log日志，其中有一些奇怪的请求以前没有注意过，是apple-touch-icon.png，返回的都是404错误。这个文件是什么东西呢？通过搜索，可以了解到这是一个类似网站favicon的图标文件，用来在iphone和ipod上创建快捷键时使用。这
[转]为 iPhone 和 iPad 自定义网站的主屏幕图标
bajinge6197的博客
12-08 280
iPhone 和 iPad 等苹果设备使用主屏幕 (Home Screen, 也称桌面) 管理应用程序, 还可以通过浏览器的添加到主屏幕功能将网站链接作为快捷方式添加为主屏幕图标. 是否你也想过为网站定义一个图标, 如果用户将网站添加至主屏幕, 网站链接看起来更像原生程序, 也能获得更多的关注. 除了兼容手机端的浏览体验, 我们还能做得更多, 为 iPhone 和 iPad 自定义网站...
怎么打开javascript苹果手机,苹果手机启用javascript
最新发布
阿发狗伪原创
10-12 371
大家好，小编来为大家解答以下问题，苹果手机如何启用javascript功能，怎么打开javascript苹果手机，现在让我们一起来看看吧！iphone手机有一个书签栏上可以将当前在浏览的网页添加到主屏幕，用户添加该选项之后，就可以从桌面上启动这个web程序，让人看起来有点像web app一样，深受许多人的喜爱。但是很多人却不知道或者懒得去设置，本文将介绍一个JavaScript提示用户添加到主屏幕。
苹果IOS在Safari浏览器中将网页添加到主屏幕做伪Web App，自定义图标，启动动画，自定义名称，全屏应用pwa
03-23 9647
通过点击桌面上的图标，直接打开全屏页面:(这图标是我用CSDN的图标，嘻嘻，官方应该不介意吧)具体实现步骤一共三步：1.网站添加样式，2.添加到桌面图标，3.打开桌面图标。
自定义网站在Safari中添加至主屏幕的图标
sinat_16493273的博客
02-02 8040
默认添加网站到主屏幕，显示的图标为网站的截图 使用下面的标签可以自定义图标 该标签还支持size属性，可以指定不同尺寸 另外apple-touch-icon也可以达到效果。区别看单词意思，一个有IOS默认图标高亮一个无。 参考： https://developer.apple.com/library/ios/documentation/AppleApplic
H5移动端 如何生成快捷方式到桌面
06-08
在 H5 移动端生成快捷方式到桌面，一般有两种方法： 1. 使用浏览器的功能添加到主屏幕： - 在网页中添加以下 meta 标签： ```html <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-title" content="应用名称"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="apple-touch-icon-precomposed" href="图标地址"> ``` - 在页面中添加提示信息： ```html <div class="add-to-home">点击右上角分享按钮，选择“添加到主屏幕”</div> ``` - 在 JS 中添加检测代码： ```javascript if (('standalone' in window.navigator) && window.navigator.standalone) { // 已安装到主屏幕 } else { // 未安装到主屏幕 } ``` 2. 使用第三方库 Add To Home Screen，该库能够自动检测用户设备，并提供添加快捷方式的提示。使用该库需要引入以下 JS 文件： ```html <script src="https://cdnjs.cloudflare.com/ajax/libs/add-to-homescreen/3.3.0/addtohomescreen.min.js"></script> ``` 并在 JS 中添加以下代码： ```javascript addToHomescreen({ appID: 'com.example.app', appName: '应用名称', brandName: '品牌名称', // 更多配置项 }); ``` 以上两种方法都可以帮助用户将应用添加到主屏幕，提高用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值