Có thể ẩn thanh địa chỉ và thanh trạng thái trong iOS 7 Safari không?

Có thể ẩn thanh địa chỉ và thanh trạng thái trong iOS 7 không?

Trong một ứng dụng phong cảnh tôi hiện đang sử dụng mã dưới đây để làm điều đó cho các phiên bản iOS trước đó và nó hoạt động tốt ngay cả trên iOS 7: khi mở trang, nó sẽ ở chế độ toàn màn hình và giữ nguyên như vậy.

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

Thực tế là trên iPhone và iPad iOS 7 khi chạm vào phía dưới màn hình, thanh địa chỉ và thanh trạng thái xuất hiện và cách duy nhất để thoát khỏi nó là thay đổi hướng điện thoại và sau đó thay đổi lại theo hướng trước đó. Có cách nào để tránh sự thao túng đó không?

Có một phương pháp:<meta name="viewport" content="minimal-ui”>
( nhưng nó chỉ hoạt động trên iOS 7.1 - không phải trên 7.0 cũng như 8.0 )

nguồn: StackOverflow

Thêm chi tiết, từ ghi chú thay đổi và ghi nhật ký thay đổi iOS 7.1 beta 2 :

Ghi chú Safari

Một thuộc tính, tối thiểu, đã được thêm cho khóa thẻ meta chế độ xem cho phép thu nhỏ các thanh trên cùng và dưới cùng trên iPhone khi tải trang. Trong khi trên một trang sử dụng tối thiểu ui, chạm vào thanh trên cùng sẽ đưa các thanh trở lại. Khai thác lại trong nội dung loại bỏ chúng một lần nữa.

Ví dụ, sử dụng <meta name=”viewport” content=”width=1024, minimal-ui”>.

cập nhật: Tôi xác nhận phương pháp này hoạt động trong iOS 7.1 (bản phát hành chính thức cuối cùng). Bạn có thể tự xác nhận với ứng dụng web của tôi , ứng dụng này sử dụng giải pháp thẻ meta được mô tả ở trên.

Tôi đã thấy đề xuất này <meta name="apple-mobile-web-app-capable" content="yes"> Nó chạy trang web ở chế độ độc lập, ẩn giao diện người dùng. Tôi không rõ làm thế nào điều này so sánh với giải pháp tối thiểu ở trên. Tôi có ấn tượng rằng giải pháp này cũng hoạt động cho các phiên bản iOS trước 7.1.