YoshiYoshi's Technical Notes -2ページ目

HTML:WebClipアイコンを設定する

iPhoneのホームスクリーンに表示されるアイコンを設定するには、<head>タグの中に次の<link>タグでアイコンファイル名を指定します。

HTML

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


HTML:電話番号、アドレスの自動検出によるリンク設定を無効にする

iPhone向けSafariでは、電話番号やアドレスらしき文字や数字が並ぶと自動的にリンクの設定が行わます。
それを無効にするには、<meta>タグにて設定します。

HTML

<meta name="format-detection" content="telephone=no, address=no" />


JavaScript:スマートフォンのURLアドレスバーを消す

スマートフォンの上部に表示されるURLアドレスバーを消すには、
画面をスクロールさせて、戻すという処理を追加します。

JavaScript

function load() {
  setTimeout(scrollTo, 100, 0, 1);  // 100ミリ秒後にY座標へ1スクロール
  setTimeout(scrollTo, 101, 0, 0);  // 101ミリ秒後にスクロールを戻す
})


「URL text field」が消えます。
$YoshiYoshi's Technical Notes-iPhone Safari 画面