Apakah mungkin menyembunyikan bilah alamat dan bilah status di iOS 7 Safari?

Apakah mungkin menyembunyikan bilah alamat dan bilah status di iOS 7?

Dalam aplikasi lansekap, saya saat ini menggunakan kode di bawah ini untuk melakukannya untuk versi iOS sebelumnya dan bekerja dengan baik bahkan di iOS 7: ketika membuka halaman itu layar penuh dan tetap demikian.

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">

Faktanya adalah bahwa pada iOS 7 iPhone dan iPad ketika mengetuk bagian bawah layar bilah alamat dan bilah status muncul dan satu-satunya cara untuk menghilangkannya adalah dengan mengubah orientasi telepon dan kemudian mengubahnya kembali ke orientasi sebelumnya. Apakah ada cara untuk menghindari manipulasi itu?

Ada metode:<meta name="viewport" content="minimal-ui”>
( tetapi hanya bekerja di iOS 7.1 - bukan pada 7.0 atau 8.0 )

sumber: StackOverflow

Lebih detail, dari iOS 7.1 beta 2 log perubahan dan lepaskan catatan :

Catatan Safari

Properti, minimal-ui, telah ditambahkan untuk kunci meta tag viewport yang memungkinkan meminimalkan bilah atas dan bawah pada iPhone saat halaman dimuat. Saat berada di halaman menggunakan minimal ui, mengetuk bilah atas akan mengembalikan bilah. Mengetuk kembali konten mengabaikannya lagi.

Sebagai contoh, gunakan <meta name=”viewport” content=”width=1024, minimal-ui”>.

pembaruan: Saya mengonfirmasi metode ini berfungsi di iOS 7.1 (rilis final resmi). Anda dapat mengonfirmasi sendiri dengan aplikasi web saya , yang menggunakan solusi meta tag yang dijelaskan di atas.

Saya telah melihat ini direkomendasikan <meta name="apple-mobile-web-app-capable" content="yes"> Ini menjalankan situs dalam mode mandiri, yang menyembunyikan UI. Saya tidak jelas tentang bagaimana ini dibandingkan dengan solusi minimal ui di atas. Saya mendapat kesan bahwa solusi ini juga berfungsi untuk versi iOS sebelum 7.1.