[iPhone]如何隱藏iPhone Safari的工具列

原文：http://www.dotblogs.com.tw/jimmyyu/archive/2010/10/12/hide-iphone-safari-toolbar.aspx

在開發Mobile Web應用程式時，最大的挑戰就是如何在小小的畫面中放入我們可以一目了然的資訊，這時候我們對螢幕的使用就會錙銖必較，因此上頭的Addressbar跟Toolbar真的是非常礙眼，這兩列大概就佔掉我們1/4的畫面高度了。
 

之前Pou有寫了一篇文章教我們如何把Addressbar隱藏起來：
隱藏iPhone瀏覽器上的Address Bar

今天又發現原來連下方的Toolbar也可以隱藏，真的是酷斃了，怎麼使用呢？下面跟大家分享一下：

Step1：在目標網頁中加入一行Meta設定，以下以點部落為例：
<meta name="apple-mobile-web-app-capable" content="yes" />
 

Step2：開啟Safari瀏覽器，開啟欲連結的網頁，點選工具列的加入書籤(Add to Bookmark)會出現以下畫面，請點選加入主畫面螢幕(Add to Home Screen)，將這個網站加入到桌面上新增一個小icon：

(備註：Pou有教我們如何更改桌面的icon圖示：Custom WebSite icon on Home of Mobile)

Step3：這時候在桌面上應該就可以看到剛剛加入的那個icon，開啟它就可以看到Toolbar被隱藏囉。


結果畫面：


目前這個功能只有iPhone支援囉，Android的話本來就預設隱藏了Toolbar，影響較小，其他瀏覽器我還在找有沒有相關的解決方案，如果有人有解決方案的話，也請提供給我參考參考，感謝。