Common meta tag

SHOYUF

  1. <meta name="format-detection" content="telephone=no">
    ignore number recognize to telephone number

  2. <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

  3. <link rel="apple-touch-startup-image" href="/launch.png">
    Apple launch image
    base on apple-mobile-web-app-capable
    Size:Form2

  4. <meta name="apple-mobile-web-app-title" content="AppTitle">
    App Home screen Title

  5. <meta name="apple-mobile-web-app-capable" content="yes">
    Hiding Safari User Interface Components
    need add in home screen

    there 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.

  6. <meta name="apple-mobile-web-app-status-bar-style" content="black">
    Changing the Status Bar Appearance
    base on apple-mobile-web-app-capable

    This 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.

  7. <meta name="renderer" content="webkit">
    360 Web Broswer active webkit

  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    IE surpport webkit,use Google Chrome Frame

  9. <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:

  1. APPLE Configuring Web Applications

  2. iOS Human Interface Guidelines - App Icon

Form1:

DeviceIcon Size
iPhone180px × 180px (60pt × 60pt @3x)
| 120px × 120px (60pt × 60pt @2x)
iPad Pro167px × 167px (83.5pt × 83.5pt @2x)
iPad,iPad mini152px × 152px (76pt × 76pt @2x)

Form2:

DevicePortrait sizeLandscape size
iPhone 7 Plus, iPhone 6s Plus180px × 180px (60pt × 60pt @3x)1080px × 1920px 1920px × 1080px
iPhone 7, iPhone 6s120px × 120px (60pt × 60pt @2x)750px × 1334px 1334px × 750px
iPhone SE167px × 167px (83.5pt × 83.5pt @2x)640px × 1136px 1136px × 640px
12.9-inch iPad Pro152px × 152px (76pt × 76pt @2x)2048px × 2732px 2732px × 2048px
9.7-inch iPad Pro, iPad Air 2, iPad mini 4, iPad mini 2152px × 152px (76pt × 76pt @2x)1536px × 2048px 2048px × 1536px

本站使用署名 4.0 国际 (CC BY 4.0) 创作共享协议,转载请署名,图片请转存。

提醒:本文最后更新于 302 天前,文中所描述的信息可能已发生改变,请谨慎使用。