2012-01-19 13 views
2

モバイルアプリのアイコンイメージの更新が可能かどうかを確認するために、ページを再度開かないでください。ダイナミックアップデートiOS apple-touch-icon

私のDEMOはここにある:http://charliehield.com/sandbox/IconUpdate

ステップ1:iOSデバイス上のURLにナビゲート(アンドロイドをテストしていませんが、動作するはずです)
ステップ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を変更することができます。アイコンがクリックされていない場合はアイコンをクリックし、モバイルSafariでページを開き、ホームボタンを押してアイコンをRED.pngにします。

私は新しいアイコンを自宅に「押し込む」方法があるかどうか疑問に思うページを再度開く必要はありませんか?これはできますか?

任意のアイデア/提案ですか? iOSの上で

答えて

0

、ネイティブアプリまたは(ネイティブアプリをバッジ以外)のアイコンを変更するには、Webクリッピングのいずれかのために(公開APIを使用して株式OSデバイス上の)方法はありません。

1

実験したところ、ページにフルスクリーンイメージをフォーマットしてアイコンのメタタグを残しておけば、アイコンはリロードするたびにページのサムネイルイメージになります。

vivvvi。

+0

いや、私もそれをやりました。理想的には、私が望むのは、アプリを開かなければならないw/oを変更することです。この時点では難しいことはありません。 – stursby

0

iOS 7.1では、インストールされたWebアプリケーションの実行時に新しいアイコンが自動的にダウンロードされるようです。

これは私がアイコンを参照するために使用していますものです:

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