2009-09-10 44 views
0

我對於iPhone Web開發人員來說是非常新的。 我從閱讀Safari Web Content Guide開始。 然後我發現我們可以隱藏用戶界面,例如safari的地址欄。 因此,我跟着指導員。結果不是我所期望的。 地址欄仍然顯示。無法隱藏Safari用戶界面組件

我把這個元標記放在html文件中。

,和本我的代碼


<head>  
    <meta name="apple-mobile-web-app-capable" content="yes" /> 
    <meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    <title>Hello iPhone Web App</title> 
    <style type="text/css"> 
      form{ 
      width:100%; 
     } 

     #searchBox{ 
      font-size:25px; 
     width:50%; 
     } 
     #send{ 
      font-size:25px; 
     } 

     #containerTop{ 
      text-align:center; 
      width:100%; 
     } 

    </style> 
</head> 
<body> 
    <form method="get"> 
     <div id="containerTop"> 
      <input type="text" id="searchBox" name="search" autocapitalize="off" size="15" maxlength="128" /> 
      <input type="submit" id="send" value="ค้นหา" /> 
     </div>   
    </form> 
</body> 


我期待着您的回覆,謝謝

回答

0

「蘋果移動網絡應用能力」只能當您啓動Web應用程序後,救了一個鏈接到主屏幕,以及新的圖標啓動你的web應用它的魔力。

對於常規的網頁則需要使用滾動地址欄拿出來看:

<script type="text/javascript"> 
window.addEventListener('load', function(){ setTimeout(function(){ window.scrollTo(0,0); }, 100); }, true); 
</script> 

導航欄在屏幕的底部是永久性定期網頁,但可以拆下來的WebApp(保存到主屏幕)使用「apple-mobile-web-app-capable」元標記。

+0

感謝Mogens Beltoft。 – embarus 2010-08-24 14:18:07