第1章 [WebKit活用術]Webクリップの登録
iPhoneのホーム画面に自分の作ったWebクリップを表示しましょう。
これでWebアプリの起動が簡単!
【手順】
(Webアプリで作ったTOP画面をアップロードしたところは省略。)
①Webクリップを作ってみよう。横57×縦57サイズでpngファイルを作成して下さい。
②index.htmlファイルを置いてる同階層(ルート)にpngファイルを配置します。
③index.htmlファイル内の<head>に以下の行を追加します。
<head>
・・・
<link rel="apple-touch-icon" href="./apple-touch-icon.png"/>
・・・
</head>
【実行】
さて、追加したindex.htmlをサーバにアップロードして、いざアクセス。
あれ、画面のイメージ?何で作成したアイコンが出ないんだ?
よーくコードを調べてみると、つまらないミスでピリオドが抜けてた…
もう一回チャレンジ!
やったー完成!