Configuring Web Applications
来源:互联网 发布:中科软件 编辑:程序博客网 时间:2024/06/15 23:55
【https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html】
Specifying a Webpage Icon for Web Clip
You may want users to be able to add your web application or webpage link to the Home screen. These links, represented by an icon, are called Web Clips. Follow these simple steps to specify an icon to represent your web application or webpage on iOS.
To specify an icon for the entire website (every page on the website), place an icon file in PNG format in the root document folder called
apple-touch-icon.png
To specify an icon for a single webpage or replace the website icon with a webpage-specific icon, add a link element to the webpage, as in:
<link rel="apple-touch-icon" href="/custom_icon.png">
In the above example, replace
custom_icon.png
with your icon filename.To specify multiple icons for different device resolutions—for example, support both iPhone and iPad devices—add a
sizes
attribute to each link element as follows:<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-retina.png">
The icon that is the most appropriate size for the device is used. See the “Graphics” chapter of iOS Human Interface Guidelines for current icon sizes and recommendations.
If there is no icon that matches the recommended size for the device, the smallest icon larger than the recommended size is used. If there are no icons larger than the recommended size, the largest icon is used.
If no icons are specified using a link element, the website root directory is searched for icons with the apple-touch-icon...
prefix. For example, if the appropriate icon size for the device is 58 x 58, the system searches for filenames in the following order:
apple-touch-icon-80x80.png
apple-touch-icon.png
Note: Safari on iOS 7 doesn’t add effects to icons. Older versions of Safari will not add effects for icon files named with the -precomposed.png
suffix. See First Steps: Identifying Your App in iTunes Connect for details.
- Configuring Web Applications
- 5. Configuring Applications
- Configuring IIS for Silverlight Applications
- Configuring IIS for Silverlight Applications
- Android Applications Tutorial 15. Configuring Rotation
- Configuring the Character Set and Collation for Applications
- Configuring to Debug and Workaround Broken Client Applications
- Load Balancing Web Applications
- Best Free Web Applications
- J2EE web applications
- Bulletproofing Web Applications
- Google Web Toolkit Applications
- Vulnerable Web Applications
- offline web applications
- Load Balancing Web Applications
- Web Portfolio Design and Applications
- Hack Proofing Your Web Applications
- Hack Proofing Your Web Applications
- java中需要自己进一步理解的技术
- QT 线程池 + TCP 小试(一)线程池的简单实现
- 十九,iOS对类似alertView弹框进行单例的应用避免在网络请求时重复信息的弹出
- ibatis与spring整合
- 二叉搜索树的一些实现
- Configuring Web Applications
- Android 事件分发深入剖析
- 【异常】Error creating bean with name 'xxx' defined in file.type mismatch between read and write methods
- php 根据月份取首天 末天
- NestedScrolling
- java web中entity的实现规范
- 读书 孙子兵法 三 谋攻
- 第三方工具网站
- Drools kie server 6.4