<meta name="format-detection" content="telephone=no">
ignore number recognize to telephone number<link rel="apple-touch-icon" href="/apple-touch-icon.png" size="167x167">
Apple Home screen icon
-precomposed.png can add some border-radius and hightlight effect on icon
Size:Form1
<link rel="apple-touch-startup-image" href="/launch.png">
Apple launch image
base on apple-mobile-web-app-capable
Size:Form2
<meta name="apple-mobile-web-app-title" content="AppTitle">
App Home screen Title<meta name="apple-mobile-web-app-capable" content="yes">
Hiding Safari User Interface Components
need add in home screenthere is no browser URL text field at the top of the screen or button bar at the bottom of the screen.Only a status bar appears at the top of the screen.
<meta name="apple-mobile-web-app-status-bar-style" content="black">
Changing the Status Bar Appearance
base on apple-mobile-web-app-capableThis meta tag has no effect unless you first specify standalone mode as described in Hiding Safari User Interface Components. Then use the status bar style meta tag, apple-mobile-web-app-status-bar-style, to change the appearance of the status bar depending on your application needs. For example, if you want to use the entire screen, set the status bar style to translucent black.
<meta name="renderer" content="webkit">
360 Web Broswer active webkit<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
IE surpport webkit,use Google Chrome Frame<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
WeChat no-cache index.html
Quote:
Form1:
Device | Icon Size |
---|---|
iPhone | 180px × 180px (60pt × 60pt @3x) |
120px × 120px (60pt × 60pt @2x) | |
iPad Pro | 167px × 167px (83.5pt × 83.5pt @2x) |
iPad,iPad mini | 152px × 152px (76pt × 76pt @2x) |
Form2:
Device | Portrait size | Landscape size |
---|---|---|
iPhone 7 Plus, iPhone 6s Plus | 180px × 180px (60pt × 60pt @3x) | 1080px × 1920px 1920px × 1080px |
iPhone 7, iPhone 6s | 120px × 120px (60pt × 60pt @2x) | 750px × 1334px 1334px × 750px |
iPhone SE | 167px × 167px (83.5pt × 83.5pt @2x) | 640px × 1136px 1136px × 640px |
12.9-inch iPad Pro | 152px × 152px (76pt × 76pt @2x) | 2048px × 2732px 2732px × 2048px |
9.7-inch iPad Pro, iPad Air 2, iPad mini 4, iPad mini 2 | 152px × 152px (76pt × 76pt @2x) | 1536px × 2048px 2048px × 1536px |