[ヅラド] iPhone用ページ表示時にアドレスバーを隠す

« iPhone用ウェブページを作ってみる | メイン | 「ねこび～ん」と「フジパックン」 »

2008年07月27日

iPhone用ページ表示時にアドレスバーを隠す

iPhone用のウェブページで、アドレスバー (URLバー？ロケーションバー？) を隠す処理を JavaScript で書いてみた。

実機を持ってないので未検証。


<script type="text/javascript">
 
  // iPhone Safari のアドレスバーを隠す(というかちょっと下にスクロールみたいな)
  function hide_address_bar(){
    try{
      if(navigator.userAgent){
        if(navigator.userAgent.match(/iPod/)){
          // iPod のユーザエージェントには (iPhone OS 2.0のとき)
          // iPhone という文字列も含まれるので
          // iPhone よりも先にチェック
          window.scrollTo(0,0);
        }else if(navigator.userAgent.match(/iPhone/)){
          setTimeout(function(){window.scrollTo(0,1)},100);
        }
      }
    }catch(e){
      // エラーが出たら無視
    }
  }
 
  window.onload = hide_address_bar;
 
</script>

一応、NI-Lab.のiPhone用トップページに組み込んでみた。

Ref. MA4 Mashup Caravan札幌 - フナミ発表内容 : Media Technology Labs (MTL) : メディアテクノロジーラボ　ブログ

tags :

tag=iPhone

投稿者 NI-Lab. : 2008年07月27日 13:29

Please post your comments -> Ido-Batarian BBS
コメントはこちらの Ido-Batarian BBS へどうぞ。

« iPhone用ウェブページを作ってみる | メイン | 「ねこび～ん」と「フジパックン」 »

blog SEO