لا يمكن إخفاء سفاري مكونات واجهة المستخدم

https://stackoverflow.com/questions/1403478

05-07-2019
|

سؤال

وأنا جديدة جدا ل iPhone المطور على شبكة الإنترنت. لقد بدأت مع قراءة دليل المحتوى سفاري الويب. ثم وجدت أن نتمكن من إخفاء واجهة المستخدم للحصول على شريط سبيل المثال عنوان رحلات السفاري. ولذلك، تابعت المدرب. والنتيجة هي لا ما كنت أتوقع. شريط العنوان لا تزال تظهر.

وأنا وضعت هذه العلامة الوصفية في ملف 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>

وإنني أتطلع إلى ردكم، وذلك بفضل

المحلول

و"التفاح المحمول التطبيق على شبكة الإنترنت، قادرة" لا تعمل إلا انها سحرية عند إطلاق تطبيق الويب الخاص بك بعد أن أنقذ تصل إلى الشاشة الرئيسية، وإطلاق تطبيق الويب الخاص بك من الرمز الجديد.

لصفحات الويب العادية تحتاج إلى التمرير شريط العناوين من العرض باستخدام:

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

وشريط التنقل في الجزء السفلي من الشاشة هو دائم لصفحات الويب العادية، ولكن غير قابل للإزالة لWebApps (المحفوظة على الشاشة الرئيسية) باستخدام العلامة الوصفية "التفاح المحمول التطبيق على شبكة الإنترنت قادرة".

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow