从 Web 应用程序动态更新 ios apple-touch-icon答案

【问题标题】：dynamic update ios apple-touch-icon from web app从 Web 应用程序动态更新 ios apple-touch-icon
【发布时间】：2012-02-14 12:29:10
【问题描述】：

我正在尝试查看是否可以更新移动应用图标图像，而无需再次打开页面。

我的演示在这里：http://charliehield.com/sandbox/IconUpdate

第 1 步：导航到 iOS 设备上的 URL（尚未测试 Android，但应该可以）
第 2 步：单击箭头按钮并选择“添加到主屏幕”
第三步：点击“添加”按钮

现在，图标应该是绿色的。

我正在使用一个简单的 PHP if 语句进行测试，设置 $i = 0;

因此，如果 $i = 0，则将 apple-touch-icon 设置为 GREEN.png，否则使用 RED.png

这是我的 PHP 代码：

<?php $i = 0; ?>
<!doctype html>
<html>

<head>
    <meta charset="utf-8"/>
    <title>IconUpdate</title>
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link rel="stylesheet" media="all" href=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <!-- Adding "maximum-scale=1" fixes the Mobile Safari auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
    <?php

    if ($i == 0) {

        echo '<link rel="apple-touch-icon-precomposed" href="green.png">';

    } else {

        echo '<link rel="apple-touch-icon-precomposed" href="red.png">';

    }

    ?>

</head>

<body lang="en">

add to home screen for DEMO

</body>

</html>

它的工作方式是我可以手动更改$i，如果它不是= 0，我点击图标，在Mobile Safari中打开页面，然后按主页按钮，图标将是RED.png

我想知道是否有办法将新图标“推送”（因为没有更好的词）到主屏幕，而无需重新打开页面？这个可以吗？

有什么想法/建议吗？

【问题讨论】：

标签： php html ios web-applications mobile

【解决方案1】：

我做了一些实验，发现如果你可以在页面上格式化一个全屏图像，并且省略图标元标记，每次重新加载时图标都会变成页面的缩略图。

vivvvi.

【讨论】：

是的，我也这样做了。理想情况下，我想要的是无需打开应用程序即可进行更改。在这个艰难的时期是不可能的。

【解决方案2】：

在 iOS 7.1 中，当您安装的网络应用程序运行时，似乎会自动下载一个新图标。

这是我用来引用图标的：

<link rel="apple-touch-icon-precomposed" href="icon.png"/>

<!-- iOS 7 iPad (retina) -->
<link href="/images/icon_152x152.png" sizes="152x152" rel="apple-touch-icon">

<!-- iOS 6 iPad (retina) -->
<link href="/images/icon_144x144.png" sizes="144x144" rel="apple-touch-icon">

<!-- iOS 7 iPhone (retina) -->
<link href="/images/icon_120x120.png" sizes="120x120" rel="apple-touch-icon">

<!-- iOS 6 iPhone (retina) -->
<link href="/images/icon_114x114.png" sizes="114x114" rel="apple-touch-icon">

<!-- iOS 7 iPad -->
<link href="/images/icon_76x76.png" sizes="76x76" rel="apple-touch-icon">

<!-- iOS 6 iPad -->
<link href="/images/icon_72x72.png" sizes="72x72" rel="apple-touch-icon">

<!-- iOS 6 iPhone -->
<link href="/images/icon_57x57.png" sizes="57x57" rel="apple-touch-icon">

<link rel="shortcut icon" sizes="196x196" href="/images/icon_196x196.png">

【讨论】：

【解决方案3】：

在 iOS 上，（在使用公共 API 的普通操作系统设备上）本机应用或网络剪辑无法更改其图标（除了标记本机应用）。

【讨论】：