動態更新ios從網絡應用程序中的蘋果觸摸圖標

我正在嘗試查看是否可以更新移動應用程序圖標圖像，而無需再次打開該頁面。動態更新ios從網絡應用程序中的蘋果觸摸圖標

我的演示是在這裏：http://charliehield.com/sandbox/IconUpdate

步驟1：導航到iOS設備上的URL（沒有測試Android的，但應該工作）
步驟2：單擊箭頭按鈕，然後選擇「添加到主屏幕「
第3步：點擊」添加「按鈕

現在，圖標應該是綠色的。

我使用簡單的PHP if語句進行測試，設置$ i = 0;

所以，如果$ I = 0，將蘋果觸摸圖標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，我點擊圖標，在移動Safari中打開頁面，然後按主頁按鈕，圖標將是RED.png

我是想知道是否有辦法「推」（因爲缺少一個更好的詞）新的家庭圖標屏幕無需重新打開頁面？這可以做到嗎？

任何想法和建議？

來源

2012-01-19 stursby

在iOS上，有沒有辦法通過本機應用或網頁剪輯改變其圖標（比徽章本機應用程序等）（使用公共API股票OS設備）。

來源

2012-01-19 21:46:38 hotpaw2

香港專業教育學院做了一些試驗，結果發現，如果你可以格式化了頁面上的全屏圖像，並離開了圖標meta標籤，圖標將每次重新加載時間成爲了頁面的縮略圖。

vivvvi。

來源

2013-01-29 01:32:01 vivvvi

是啊，我已經做了這一點。理想情況下，我想要更改不必打開應用程序。這在目前是不可能的。 – stursby

看來，在iOS 7.1中，當您安裝的web-app運行時，將會自動下載一個新圖標。

這是我使用引用的圖標是什麼：

<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">

來源

2014-04-09 18:56:26

動態更新ios從網絡應用程序中的蘋果觸摸圖標

回答

相關問題