iPhone에서 자바 스크립트 게임 모양의 간단한 웹 페이지를 만들고 싶습니다. 홈 화면에 북마크를 저장할 수 있다는 것을 알고 있으며 앱처럼 보이고 HTML의 미리보기 이미지에 apple-itouch-image를 설정할 수 있다는 것을 알고 있습니다. 그러나 홈 화면에서 앱을 클릭하면이 웹 페이지 일뿐입니다. Google 리더처럼 맨 위의 URL과 검색 창을 제거하려면 어떻게해야합니까? 나중에 스크롤하면 바를 볼 수 있습니다.JavaScript 웹 페이지를 iPhone에서 앱처럼 보이게 만드는 방법
웹 페이지를 클릭하면 전체 화면 모드로 바로 이동할 수 있습니까?
나는 PhoneGap과 같은 것을 찾고 있지 않다. 자바 스크립트처럼 간단한 웹 페이지를 앱처럼 만들고 싶다. 실제로 앱이되고 싶지 않다.
페이지의 헤드 블록에 메타 태그를 넣을 수 있습니다. 다음을 시도하십시오 :
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
viewport 스케일링 및 확대/축소를 제어하십시오.
apple-mobile-web-app-capable는 사용자가 도약판에이 메뉴 바없이
apple-mobile-web-app-status-bar-style 제어 화면 상단의 얇은 상태 표시 줄의 모양을 사파리 모바일 브라우저를 시작하도록 응용 프로그램이 설치 될 수 있다는 애플의 아이폰 OS를 알린다 .
또 다른 유용한 라인은 다음과 같습니다 응용 프로그램을 사용자 정의 아이콘을 줄 것이다
이<link rel="apple-touch-icon-precomposed" href="myicon.png"/>
한 번 설치.
을 찾고있는 것입니다. "black-translucent"상태 표시 줄이 내 iPhone 4에서 작동하지 않는다는 것을 제외하고는 검은 색입니다. 심지어 애플의 문서에서 올바른 사용법을 찾았다. 어쩌면 그 기능이 중단 된거야 ... –
<meta> 태그 몇 개를 정의해야합니다. 가장 큰 숫자는 apple-mobile-web-app-capable입니다. 전체 자습서보기 http://mobile.tutsplus.com/tutorials/iphone/iphone-web-app-meta-tags/
은 홈 화면에 저장 한 후
<meta name="apple-mobile-web-app-capable" content="yes" />
가장 좋은 방법은 http://jquerymobile.com/ –