iphone/android에서 스플래시 화면을 표시하는 방법은 무엇입니까?

나는 모바일 애플리케이션 (iphone/android)을 제공하는 웹 사이트를 운영하고 있습니다.iphone/android에서 스플래시 화면을 표시하는 방법은 무엇입니까?

I는 사용자가 웹 사이트에 접속 할 때마다되는 SplashScreen을 설정하고 싶습니다 : 나 이미지를 원하는

한 번에되는 SplashScreen (예를 들어) 매주 보여

쿠키를 설정 비율을 유지하면서 모바일의 전체 화면을 사용합니다.

아이디어/도구/조언이 있습니까?

서버 측 또는 클라이언트 측이어야합니까? (저는 jQuery/PHP/Zend Framework를 사용하고 있습니다)

고마워요. 내가 과거에 무슨 짓을했는지

출처

2012-02-29 Trent

는 자바 스크립트 아이폰

예를 들어

에 아름답게 스타일되는 확인 사용 :

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; 
    } 
}

가 조치를 취하도록 사용자를 강제로이 방법은 좋은 사용자 정의 스플래시로 사람들이 가까이 다가 갈 수 있습니다. 안드로이드에 대한 몇 가지 사례를 추가해야하지만 원리는 동일합니다.

출처

2012-03-01 00:13:50 ncremins

jQuery Mobile을 사용하여 스플래시 화면을 만듭니다. 화면 너비를 알려주는 구체적인 방법이 있습니다.

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

이 시작 화면은 모바일 앱에 대한 링크 여야합니다. 쿠키와 관련하여 각 쿠키는 만료 날짜 이후에 휴지통에 보관됩니다. 만료일을 지정하지 않으면 브라우저를 닫을 때 쿠키가 삭제됩니다. 이 만료일은 UTC (그리니치) 시간이어야합니다.

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

출처

2012-03-01 00:36:42

이것은 적절한 CSS를 설정 한 것입니다.

본문 태그 뒤에 요소를 추가하고 더 이상 중첩하지 않습니다.

body { 
    overflow: hidden; 
}

: 당신의 몸, 그것은에 몸을 설정하는 것이 도움이 될 수 있습니다 (이 스크롤 할 필요가 의미) 페이지를 넘어 래핑 경우

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

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

는 자사의 CSS를 설정 멋지다, 스플래시 페이지가 있습니다! #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

이렇게하면 웹 응용 프로그램에 스플래시 화면이 추가됩니다. 아래는 iPad 및 iPhone/iPod Touch에 필요한 크기입니다. 여기에는 상태 막대 영역도 포함됩니다.

아이 패드 풍경 - 320 × 480 (표준 해상도)

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

-1024 X 748

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

아이 패드의 초상화 -

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

아이폰/아이팟 터치 세로 X 1004 768 iPhone/iPod Touch 세로 - 640 x 960 픽셀 (망막 디스플레이 고해상도)

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

iPad 용 웹 응용 프로그램을 만드는 경우 가로 및 세로 크기를 모두 사용하는 것이 좋습니다.

출처

2012-03-10 16:01:15 adamdehaven

iphone/android에서 스플래시 화면을 표시하는 방법은 무엇입니까?

답변

관련 문제