• Resolved xeonz

    (@xeonz)


    Hi,

    I have added all images etc for splashscreen + code. landscape/portrait. My problem is that the splash screen does not work. (tested on my iPhone 11 Pro Max)

    Any idea of next step?

    This is my code:

    add_action('wp_head', 'myfunction123_splashscreen');
    function myfunction123_splashscreen(){
    ?><meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-title" content="Expo" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <link rel="apple-touch-startup-image" href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-828@2x~iphoneXr-portrait_828x1792.png">
    <link
          rel="apple-touch-icon"
          sizes="180x180"
          propose="any maskable"
          href="https://123___.com/wp-content/plugins/myplugin/assets/masked-icon/maskable_icon_x512.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-Landscape~ipad_1024x748.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-2436@3x~iphoneX-landscape_2436x1125.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-1792@2x~iphoneXr-landscape_1792x828.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-828@2x~iphoneXr-portrait_828x1792.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-750@2x~iphone6-landscape_1334x750.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-1242@3x~iphoneXsMax-portrait_1242x2688.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-1242@3x~iphone6s-landscape_2208x1242.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-1125@3x~iphoneX-portrait_1125x2436.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-1242@3x~iphone6s-portrait_1242x2208.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-Landscape@2x~ipad_2732x2048.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-2688@3x~iphoneXsMax-landscape_2688x1242.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-Landscape@2x~ipad_2224x1668.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-750@2x~iphone6-portrait_750x1334.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-Portrait@2x~ipad_2048x2732.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-Landscape@2x~ipad_2224x1668.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-Portrait@2x~ipad_1668x2224.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-568h@2x~iphone_640x1136.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-Portrait@2x~ipad_1668x2224.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-Landscape@2x~ipad_2048x1536.png"
        />
        <link
          rel="apple-touch-startup-image"
          media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
          href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage-Portrait@2x~ipad_1536x2048.png"
        />
    
        <!-- Extra testing  Start overkill because does not work in my iphone 11 pro max -->
    <link rel="apple-touch-startup-image" media="screen and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage.png">
    <link rel="apple-touch-startup-image" media="screen and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage.png">
    <link rel="apple-touch-startup-image" media="screen and (device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage.png">
    <link rel="apple-touch-startup-image" media="screen and (device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage.png">
    <link rel="apple-touch-startup-image" media="screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage.png">
    <link rel="apple-touch-startup-image" media="screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage.png">
    <link rel="apple-touch-startup-image" media="screen and (device-width: 360px) and (device-height: 780px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage.png">
    <link rel="apple-touch-startup-image" media="screen and (device-width: 360px) and (device-height: 780px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage.png">
    <link rel="apple-touch-startup-image" media="screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage.png">
    <link rel="apple-touch-startup-image" media="screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="https://123___.com/wp-content/plugins/myplugin/assets/splash/LaunchImage.png">
    
    <!-- 2020 End -->
    
    <!-- Apple Launch Screen End -->

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Splash screen wont work in iOS’ is closed to new replies.