

To specify an icon for the entire website (every page on the website), place an icon file in PNG format in the root document folder called apple-touch-icon. Creating icons ofvarious sizes (depending on the devices you are supporting), writing the descriptions, adding tags, and getting everything onto the Apple. Follow these simple steps to specify an icon to represent your web application or webpage on iOS. These links, represented by an icon, are called Web Clips.


You may want users to be able to add your web application or webpage link to the Home screen. Read Viewport Settings for Web Applications for how to set the viewport for web applications on iOS. These are all optional settings that when added to your web content are ignored by other platforms. You can also minimize the Safari on iOS user interface, as described in Changing the Status Bar Appearance and Hiding Safari User Interface Components, when your web application is launched from the Home screen. You do this by using settings for iOS that are ignored by other platforms.įor example, you can specify an icon for your web application used to represent it when added to the Home screen on iOS, as described in Specifying a Webpage Icon for Web Clip. You can tailor your web application for Safari on iOS even further, by making it appear like a native application when the user adds it to the Home screen. Next Previous Configuring Web ApplicationsĪ web application is designed to look and behave in a way similar to a native application-for example, it is scaled to fit the entire screen on iOS.
