[ipad] Safari의 iPad WebApp 전체 화면

Apple은 Safari HTML 참조 에서 아래 코드가 iPhone OS 2.1 및 이후 버전에서 웹 앱을 전체 화면으로 표시하도록되어 있다고 말합니다 .

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

그러나 작동하지 않는 것 같습니다. iPad WebApp에서 Safari 내의 제목 / 위치 표시 줄을 숨기는 방법이 있습니까?



답변

이것은 홈 화면에 앱에 북마크를 저장 한 후에 만 ​​작동합니다. 사이트를 정상적으로 탐색하는 경우는 아닙니다.


답변

새 창을 실행하지 않고 브라우저에 머 무르려면 다음 HTML 코드를 사용하십시오.

<a href="javascript:this.location = 'index.php?page=1'">


답변

  1. 먼저 홈 화면에서 Safari 브라우저를 실행하고 전체 화면으로 보려는 웹 페이지로 이동합니다.

  2. 웹 페이지를 찾은 후 화면 상단의 화살표 아이콘을 탭합니다.

  3. 드롭 다운 메뉴에서 홈 화면에 추가 옵션을 탭합니다.

  4. 홈에 추가 창이 표시되어야합니다. iPad의 홈 화면에 제목으로 표시 될 설명을 사용자화할 수 있습니다. 완료되면 추가 버튼을 탭합니다.

  5. 이제 홈 화면에 새 아이콘이 나타납니다. 아이콘을 탭하면 전체 화면 모드로 웹 페이지가 열립니다.

참고 : iPad 홈 화면의 아이콘은 전체 화면 모드에서 북마크 된 페이지 만 엽니 다. 방문하는 다음 페이지에는 Safari 주소와 제목 표시 줄이 포함됩니다. 웹 페이지 또는 HTML5 프레젠테이션을 전체 화면 모드로 재생하는이 방법은 웹 페이지의 소스 코드에 다음 태그가 포함 된 경우 작동합니다.

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

타사 도구 (예 : iWeb SEO 도구 또는 원하는 다른 도구)를 사용하여 웹 페이지에이 태그를 추가 할 수 있습니다. 먼저 태그를 추가하고 페이지를 새로 고친 다음 홈 화면에 북마크를 추가해야합니다.


답변

첫 번째 (책갈피로 표시된) 페이지를 전체 화면으로 만 엽니 다. 다음 페이지가 열리고 주소 표시 줄이 다시 표시됩니다. 페이지 헤더에 넣은 메타 태그가 무엇이든 …


답변

이 사이트에는 작업 해결 방법이 있으며 동일한 효과가 있으며 일부 자바 스크립트를 사용하여 첫 번째 하위 div를 뷰포트의 총 높이로 설정합니다.
http://webapp-net.com/Demo/Index.html


답변

이 스레드에 대한 대부분의 답변이 유지되지 않은 것 같습니다. iPad의 iOS Safari는 전체 화면을 지원합니다. 이제 하며 자바 스크립트를 사용하여 구현하기가 매우 쉽습니다.

다음 은 웹 앱에서 전체 화면 기능을 구현하는 방법에 대한 전체 기사 입니다.


답변