第1章 [WebKit活用術]Webクリップの登録 | Webアプリ開発日記

Webアプリ開発日記

e-veryStudyシステム(Java)をiPhoneに搭載されているSafari[WebKit]に対応する為の、ソフト開発日記。

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をサーバにアップロードして、いざアクセス。



Webアプリ開発日記

あれ、画面のイメージ?何で作成したアイコンが出ないんだ?


よーくコードを調べてみると、つまらないミスでピリオドが抜けてた…
Webアプリ開発日記


もう一回チャレンジ!


Webアプリ開発日記

やったー完成!


Webアプリ開発日記