chrisstump
2/28/18 at 10:34 am
HTML
ios
iOS Specific Meta Tags for Web Enabled Apps
Allow users to add your web application to the homescreen of their iOS by defining the appropriate meta tags in the head of your HTML document. More information is available
here
.
<!-- specify the home screen icon for your web app --> <link rel="apple-touch-icon" href="touch-icon-iphone.png"> <link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad.png"> <link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-retina.png"> <link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-retina.png"> <!-- specify a launch screen image --> <link rel="apple-touch-startup-image" href="/launch.png"> <!-- specify a web app title for the home screen --> <meta name="apple-mobile-web-app-title" content="AppTitle"> <!-- hide iOS components and give the web app a more native feel --> <meta name="apple-mobile-web-app-capable" content="yes"> <!-- change the visual appearance of the status bar --> <meta name="apple-mobile-web-app-status-bar-style" content="black">
Copy Snippet to Clipboard
Don't Have an Account?
Stop digging through old code examples. Get organized. Get Code Snipper.
Learn More
Start Free 14 Day Trial
