如何在iphone/android上顯示splashscreen？

我有一個網站，它也提供了一個移動應用程序（iphone/android）。如何在iphone/android上顯示splashscreen？

我想每當用戶連接到該網站設立一個啓動畫面：

設置cookie來顯示啓動畫面每週一次（例如）
我想圖像在保持比例的同時佔據移動設備的全屏。

任何想法/工具/建議？

它應該是服務器端還是客戶端？（我使用的是jQuery/PHP/Zend Framework）

謝謝。

來源

2012-02-29 Trent

我過去所做的是使用JavaScript確認這是美麗的風格在iPhone

例如：

if(cookie is not set and browser is iOS) 
{ 
    var where_to=confirm("We have launched an iPhone/iPod Touch App. Would you like to download it?"); 

    document.cookie = 'seen_iphone_prompt=1; expires= {{date here}}; path=/' 

    if(where_to==true) 
    { 
     window.location="http://app_store.com?link=here; 
    } 
}

這是一個好方法，因爲它迫使用戶採取行動，作爲一個自定義的飛濺的人可能會接近。可能需要在這裏添加一些情況下的Android，但原理是一樣的

來源

2012-03-01 00:13:50 ncremins

使用jQuery Mobile創建splashscreen。你有具體的方法來獲得屏幕寬度：

$(window).width(); // returns width of browser viewport 
$(document).width(); // returns width of HTML document

這個splashscreen應該是一個鏈接到您的移動應用程序。關於cookie，每個cookie都有一個過期日期，之後它被丟棄。如果您未指定過期日期，則關閉瀏覽器時會丟棄Cookie。此有效日期應爲UTC（格林威治）時間。

document.cookie ='ppkcookie1=testcookie; expires=Thu, 2 Aug 2001 20:47:11 UTC; path=/'

來源

2012-03-01 00:36:42

這只是一個恰當的css被設置的問題。

給自己一個身體標記之後的元素，而不是進一步嵌套。

<body> 
    <div id="splash"></div> 
</body>

設置它的CSS來：

#splash { 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    background-color: red; 
    z-index: 99999; 
}

如果你的身體包裹超出頁面（這意味着它需要滾動），這可能有助於身體設置爲：

body { 
    overflow: hidden; 
}

太棒了，你有一個醒目頁面！只需在#splash中添加您的內容即可。

現在，你必須每週都展示它......我個人會選擇使用localStorage來查看你是如何在支持它的移動空間中工作的。這裏是一個參考link。

要獲得一個項目：

localStorage.getItem('name_of_item');

要設置一個項目：一旦你彈出啓動畫面關閉

localStorage.setItem('name_of_item', 'some value that has to be a string');

，如果你有一個需要滾動更多的內容，一定要從身體上移除overflow:hidden。

乾杯！

來源

2012-03-01 01:13:56 sic1

這將爲您的Web App添加一個閃屏。以下是iPad和iPhone/iPod Touch所需的尺寸，其中還包括狀態欄區域。

iPad的風景 - 1024×748

<link rel="apple-touch-startup-image" sizes="1024x748" href="img/splash-screen-1024x748.png" />

iPad的肖像 - 768 X 1004

<link rel="apple-touch-startup-image" sizes="768x1004" href="img/splash-screen-768x1004.png" />

iPhone/iPod Touch的肖像 - 320×480（標準分辨率）

<link rel="apple-touch-startup-image" href="img/splash-screen-320x460.png" />

iPhone/iPod Touch縱向 - 640 x 960像素（視網膜顯示高分辨率）

<link rel="apple-touch-startup-image" sizes="640x960" href="img/splash-screen-640x960.png" />

如果爲iPad兼容創建Web應用程序，建議使用橫向和縱向尺寸。

來源

2012-03-10 16:01:15 adamdehaven

如何在iphone/android上顯示splashscreen？

回答

相關問題