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)