摘要：然后使用狀態欄樣式標簽來根據您的應用程序需要更改狀態欄的外觀。這是我在項目上添加的代碼實際體驗如下圖所示可以看到用戶添加到主屏幕后，有了自定義的圖標及啟動圖，打開后也不會有的地址欄和工具欄，體驗跟原生一樣。

現在很多開發者的Web應用程序的設計樣式和交互類似本機應用程序，例如，它的縮放比例適合iOS上的整個屏幕。當用戶將其添加到主屏幕時，您可以通過使其看起來像本機應用程序一樣，在iOS上為您的Web應用程序定制Safari。您可以使用其他平臺忽略的iOS設置來執行此操作。

例如，您可以為添加到iOS主屏幕時用于表示Web應用程序的圖標指定圖標，如指定Web Clip的網頁圖標所述。當您的Web應用程序從主屏幕啟動時，您還可以最小化iOS用戶界面上的Safari，如更改狀態欄外觀和隱藏Safari用戶界面組件（搜索欄及工具欄）。這些都是可選設置，添加到您的網頁內容時會被其他平臺忽略。

閱讀Web應用程序的“視口設置”，了解如何在iOS上設置Web應用程序的視口。

您可能希望用戶能夠將您的Web應用程序或網頁鏈接添加到ios設備主屏幕。這些由圖標表示的鏈接稱為Web剪輯。遵循這些簡單的步驟來指定一個圖標來表示您的iOS應用程序或網頁。

要為整個網站（網站上的每個頁面）指定一個圖標，請將一個圖標文件以PNG格式放置在名為root的文檔文件夾 apple-touch-icon.png
要為單個網頁指定一個圖標或者將網站圖標替換為網頁特定的圖標，請向該網頁添加一個鏈接元素，如下所示：

在上面的例子中，custom_icon.png用你的圖標文件名替換。
要為不同的設備分辨率指定多個圖標（例如，同時支持iPhone和iPad設備），請sizes按以下方式為每個鏈接元素添加一個屬性：

使用最適合設備的圖標。有關當前圖標大小和建議，請參閱iOS人機界面指南的“圖形”一章。
如果沒有與設備的建議尺寸相匹配的圖標，則會使用大于推薦尺寸的最小圖標。如果沒有大于推薦尺寸的圖標，則使用最大的圖標。

如果沒有使用鏈接元素指定圖標，則會在網站根目錄中搜索帶有apple-touch-icon...前綴的圖標。例如，如果設備的適當圖標大小為58 x 58，系統將按以下順序搜索文件名：

apple-touch-icon-80x80.png

apple-touch-icon.png

注意： iOS 7上的Safari不會為圖標添加效果。老版本的Safari不會為使用-precomposed.png后綴命名的圖標文件添加效果。有關詳細信息，請參閱第一步：在iTunes Connect中識別您的應用程序。

指定啟動屏幕圖像

在iOS上，與原生應用程序類似，您可以指定在Web應用程序啟動時顯示的啟動屏幕圖像。當您的Web應用程序處于脫機狀態時，這非常有用。默認情況下，使用上次啟動時的Web應用程序屏幕截圖。要設置另一個啟動圖像，請在網頁中添加一個鏈接元素，如下所示：

在上面的例子中，launch.png用你的啟動屏幕文件名替換。有關當前的啟動屏幕大小和建議，請參閱iOS人機界面指南的“圖形”一章。

在iOS上，您可以為啟動圖標指定一個Web應用程序標題。默認情況下，使用