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

12

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?

svassr
sumber
Banyak jawaban untuk ini sudah stackoverflow.com/questions/18813476/…
AllInOne
Saya tidak melihat jawaban pada SO yang lebih berfungsi daripada kode contoh di sini. Hmm ...
bmike

Jawaban:

15

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.

masukkan deskripsi gambar di sini

Leftium
sumber
Saya akan menunggu rilis terakhir untuk mencobanya, maka saya akan menerima jawaban Anda. Terima kasih banyak.
svassr
Hmmmm. Saya menggunakan 7.1.1 dan aplikasi web Anda yang ditautkan di atas TIDAK menyembunyikan bilah alamat dll ketika dimuat. Apakah mereka mematahkannya di 7.1.1?
Brian B
7
Ini telah dihapus di iOS8.
Charlie Schliesser
1
Lihat posting ini tentang implementasi IOS8: stackoverflow.com/questions/24889100/…
svassr
1

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.

Tim
sumber
5
Solusi ini hanya berfungsi untuk halaman web yang Anda tambahkan sebagai aplikasi ke layar beranda Anda.
svassr