할 수 없습을 숨기는 사파리의 사용자 인터페이스 구성 요소

StackOverflow https://stackoverflow.com/questions/1403478

  •  05-07-2019
  •  | 
  •  

문제

나는 아주 새로운 아이폰 웹 개발자이다.기 시작했으로 읽는 사파리의 웹 콘텐츠 가이드입니다.그때 나는 우리는 할 수 있습 숨기기 사용자 인터페이스 예를 들어 주소창 사파리 등이 있습니다.따라서,따랐습니다.결과는 내가 예상됩니다.주소 표시줄에 표시.

이 메타 태그에 html 파일을.

이것이 나의 코드

<head>     
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Hello iPhone Web App</title>
    <style type="text/css">
          form{
           width:100%;
         }

         #searchBox{
          font-size:25px;
        width:50%;
         }
         #send{
          font-size:25px;
         }

         #containerTop{
           text-align:center;
           width:100%;
        }

    </style>
</head>
<body>
    <form method="get">
        <div id="containerTop">
            <input type="text" id="searchBox" name="search" autocapitalize="off" size="15" maxlength="128" />
            <input type="submit" id="send" value="ค้นหา" />
        </div>         
    </form>
</body>

I am looking forward to your reply,감사

도움이 되었습니까?

해결책

"애플-모바일 웹사-응용 프로그램이 가능한"만의 마술을 시작할 때 귀하의 웹 애플리케이션 후에 저장된 링크를 가 실행 당신의 웹 애플리케이션에서 새로운 아이콘이다.

에 대한 일반 웹 페이지 당신을 스크롤해야 할 주소 표시줄의 뷰를 사용:

<script type="text/javascript">
window.addEventListener('load', function(){ setTimeout(function(){ window.scrollTo(0,0); }, 100); }, true);
</script>

네비게이션 바에서 화면의 아래쪽은 영을 위한 일반 웹 페이지만,이동식에 대한 웹 애플리케이션(저장)를 선택 사용"사과-모바일 웹사-응용 프로그램이 가능한"메타 태그입니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top