본문 바로가기

IT 관련 이야기/Sharepoint

아이패드 full screen mode website 구현하는 방법

아이패드에서 전체화면으로 "App" 스러운 화면구성을 위해서 ..... 주소창 제거하여 사용할 수 있는 방법입니다.

주요 키는 페이지 메타 데이터 태그 입력 해야하는것....

 

<meta name="apple-mobile-web-app-capable" content="yes"/>

 

 

Sharepoint master page 에 적용해 놓으면 상당히 유용할듯하네요.

 

 

http://www.ispringsolutions.com/articles/how-to-make-a-webpage-full-screen-on-an-ipad.html

 

update ----

 

첫화면은  App Mode 로 잘 뜨나  a link 를 통해 link로 이동할때 기본적으로 Safari가 동작함.

몇가지 검색 결과에 의하면 javascript 등을 통한 link 는 정상적이라고 함...

어떻게 그 많은 ..... 링크를....

 

다음 URL에 trick 이 있으니 참고.. jQuery를 통해서 A link 이벤트를 재정의 함.

 

$( document ).on(
"click",
"a",
function( event ){
 

// Stop the default behavior of the browser, which
// is to change the URL of the page.
event.preventDefault();
 

// Manually change the location of the page to stay in
// "Standalone" mode and change the URL at the same time.
location.href = $( event.target ).attr( "href" );
 

}
);

 

 

 

http://www.bennadel.com/blog/2302-Preventing-Links-In-Standalone-iPhone-Applications-From-Opening-In-Mobile-Safari.htm

 

 


티스토리 툴바