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: zlashdot WebSite iPhone

Posted by NI-Lab. (@nilab)