Safari配置WebApp----添加启动图和桌面图标让你的WebApp在ios设备上体验如原生一样

Safari配置WebApp----添加启动图片和桌面图标，让你的WebApp在ios设备上体验原生比例适合iOS上的整个屏幕。您可以为iOS上的Web应用程序自定义Safari，方法是在用户将其添加到主屏幕时使其看起来像本机应用程序。您可以使用其他平台忽略的iOS设置来执行此操作。例如，您可以为添加到iOS主屏幕时用于表示Web应用程序的图标指定一个图标，如为WebClip指定WebClip的图标中所述。当您的Web应用程序从主屏幕启动时，您还可以最小化iOSUI上的Safari，例如更改状态栏的外观和隐藏SafariUI组件（搜索栏和工具栏）。这些是可选设置，在添加到您的Web内容时会被其他平台忽略。阅读“网络应用程序的视口设置”以了解如何在iOS上设置网络应用程序的视口。指定Web应用程序的Web图标您可能希望用户能够将指向您的Web应用程序或网页的链接添加到iOS设备主屏幕。这些以图标表示的链接称为网络剪辑。按照这些简单的步骤分配一个图标来代表您的iOS应用程序或网页。要为整个站点（站点上的每个页面）指定图标，请将PNG格式的图标文件放在名为apple-touch-icon.png的根文档文件夹中要为单个网页指定图标或将站点放置到用网页特定的图标替换图标，像这样向网页添加链接元素：在上面的示例中，custom_icon.png替换为您的图标文件名。要为不同的设备分辨率指定多个图标（例如，同时支持iPhone和iPad设备），请向每个链接元素添加一个sizes属性，如下所示：最适合设备图标。有关当前图标大小和建议，请参阅iOS人机界面指南的图形章节。如果没有图标与设备的推荐大小匹配，则使用大于推荐大小的最小图标。如果没有大于推荐大小的图标，则使用最大的图标。如果未使用link元素指定图标，则会在站点根目录中搜索前缀为apple-touch-icon...的图标。例如，如果设备的适当图标大小为58x58，系统将按以下顺序搜索文件名：apple-touch-icon-80x80.pngapple-touch-icon.png注意：iOS7上的Safari不会为图标添加效果。旧版本的Safari不会向以-precomposed.png后缀命名的图标文件添加效果。有关详细信息，请参阅第一步：在iTunesConnect中识别您的应用程序。指定启动画面图像在iOS上，类似于本机应用程序，您可以指定启动画面图像以在Web应用程序启动时显示。这在您的Web应用程序处于离线状态时非常有用。默认情况下，使用上次启动的Web应用程序的屏幕截图。要设置另一个启动图像，请将链接元素添加到您的网页，如下所示：在上面的示例中，启动。png与您的初始屏幕文件名。有关当前启动屏幕尺寸和建议的信息，请参阅iOS人机界面指南的图形章节。添加启动图标标题在iOS上，您可以为启动图标指定Web应用程序标题。默认情况下，使用