เป็นไปได้หรือไม่ที่จะซ่อนแถบที่อยู่และแถบสถานะใน iOS 7 Safari?

เป็นไปได้หรือไม่ที่จะซ่อนแถบที่อยู่และแถบสถานะใน iOS 7?

ในแอพแนวนอนฉันกำลังใช้โค้ดด้านล่างเพื่อใช้กับ iOS เวอร์ชันก่อนหน้าและใช้งานได้ดีบน IOS 7: เมื่อเปิดหน้าเว็บมันจะเต็มหน้าจอและอยู่ในสถานะนั้น

JS:

window.addEventListener("load",function() {
    // Set a timeout...
    setTimeout(function(){
        // Hide the address bar!
        window.scrollTo(0, 1);
    }, 0);
});

HTML:

<!-- For iOS web apps -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="AMC Walking Dead Story Sync">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

ความจริงก็คือว่าใน iOS 7 iPhone และ iPad เมื่อแตะที่ด้านล่างของหน้าจอแถบที่อยู่และแถบสถานะจะปรากฏขึ้นและวิธีเดียวที่จะกำจัดมันคือการเปลี่ยนการวางแนวโทรศัพท์แล้วเปลี่ยนกลับไปเป็นแนวก่อนหน้า อย่างไรก็ตามมีเพื่อหลีกเลี่ยงการจัดการที่?

มีวิธีการคือ:<meta name="viewport" content="minimal-ui”>
( แต่ใช้งานได้กับ iOS 7.1 เท่านั้น - ไม่ใช่ใน 7.0 หรือ 8.0 )

แหล่งที่มา: StackOverflow

รายละเอียดเพิ่มเติมจากiOS 7.1 เบต้า 2 บันทึกการเปลี่ยนแปลงและบันทึกประจำรุ่น :

หมายเหตุ Safari

มีการเพิ่มคุณสมบัติขั้นต่ำไว้สำหรับคีย์เมตาแท็กวิวพอร์ตที่ช่วยลดแถบด้านบนและด้านล่างให้น้อยที่สุดใน iPhone เมื่อโหลดหน้าเว็บ ขณะที่อยู่ในหน้าเว็บด้วยการใช้งาน UI ขั้นต่ำการแตะที่แถบด้านบนจะนำแท่งกลับมา การแตะกลับในเนื้อหาจะเป็นการยกเลิกอีกครั้ง

<meta name=”viewport” content=”width=1024, minimal-ui”>ยกตัวอย่างเช่นการใช้งาน

อัปเดต:ฉันยืนยันว่าวิธีนี้ใช้งานได้ใน iOS 7.1 (รุ่นสุดท้ายอย่างเป็นทางการ) คุณสามารถยืนยันด้วยตัวคุณเองด้วยเว็บแอปของฉันซึ่งใช้เมตาแท็กโซลูชั่นที่อธิบายไว้ข้างต้น

ฉันเคยเห็นสิ่งนี้แนะนำแล้ว<meta name="apple-mobile-web-app-capable" content="yes"> มันใช้งานเว็บไซต์ในโหมดสแตนด์อโลนซึ่งซ่อน UI ฉันไม่ชัดเจนเกี่ยวกับการเปรียบเทียบกับโซลูชั่น UI ขั้นต่ำข้างต้น ฉันรู้สึกว่าโซลูชันนี้ใช้งานได้กับ iOS เวอร์ชันก่อนหน้า 7.1 เช่นกัน