Не может скрыть компоненты пользовательского интерфейса Safari - PullRequest
Новая
       7

Не может скрыть компоненты пользовательского интерфейса Safari

0 голосов
/ 10 сентября 2009

Я очень новичок для веб-разработчика iPhone. Я начал с чтения Safari Web Content Guide. Тогда я обнаружил, что мы можем скрыть пользовательский интерфейс, например, адресную строку Safari. Поэтому я последовал за инструктором. Результат не тот, который я ожидал. Адресная строка все еще показывает.

Я поместил этот метатег в 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>

Я с нетерпением жду вашего ответа, спасибо

1 Ответ

0 голосов
/ 04 мая 2010

«apple-mobile-web-app-enabled» работает только волшебно, когда вы запускаете WebApp после сохранения ссылки на домашний экран и запускаете WebApp с новым значком.

Для обычных веб-страниц вам необходимо прокрутить адресную строку, используя: 

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

Панель навигации в нижней части экрана является постоянной для обычных веб-страниц, но ее можно удалить для веб-приложений (сохраненных на главном экране) с помощью метатега «apple-mobile-web-app-enabled».

...