1. Trang chủ
  2. Câu hỏi và trả lời
  3. Làm thế nào để loại bỏ thanh địa chỉ trong Safari trong iOS?

Làm thế nào để loại bỏ thanh địa chỉ trong Safari trong iOS?

2011-10-25 22 views

Trả lời

12

tôi đoán mã vẫn nên làm việc ..

anyways đây là cách chính xác để nói với Safari di động mà bạn muốn toàn bộ màn hình: click me

ví dụ sử dụng

<meta name="apple-mobile-web-app-capable" content="yes" />

EDIT

Apple sử dụng một tài sản di động-ui mới để hiển thị một giao diện người dùng tối thiểu trong safari:

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

sử dụng nó như thế này:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />

nguồn: https://www.perpetual-beta.org/weblog/ios-7-dot-1-mobile-safari-minimal-ui.html

Nguồn

2011-10-25 14:47:05 Gotschi

+1

Đã thử tất cả các thẻ meta, tôi cần hành vi cũ có thể ẩn thanh địa chỉ sau khi trang được tải mà không cần thêm trang đó vào màn hình chính. – firedev

+0

Trong trường hợp của tôi thay đổi chỉ hoạt động, sau khi tôi đặt lại ứng dụng trên màn hình chính. – speznaz

+3

Tôi muốn nó hoạt động mà không cần thêm ứng dụng trên màn hình chính, đó là điều. – firedev

29

Đó là một sự kết hợp của nhiều điều như tôi đã tìm thấy khi nghiên cứu vấn đề này cho bản thân mình. Dưới đây là đoạn code mà đúng hoạt động trên iOS5: (Tôi biết tôi là một chút muộn, nhưng một câu trả lời là một câu trả lời, hy vọng nó có thể giúp mọi người trong tương lai)

<!DOCTYPE html> 
<html> 
<head> 
<title>Hide Address Bar</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<script> 
window.addEventListener("load",function() { 
    setTimeout(function(){ 
    window.scrollTo(0, 0); 
    }, 0); 
}); 
</script> 
<style> 
body { min-height: 480px; } 
</style> 
</head> 
<body> 
<h1>Content</h1> 
</body> 
</html>

Nguồn: http://24ways.org/2011/raising-the-bar-on-mobile

Ví dụ: http://jsbin.com/isenax/

Nguồn

2012-02-26 22:13:58

+1

Đối với màn hình iPhone 5 mới, bạn sẽ phải tăng độ cao tối thiểu lên một chút. Kinh nghiệm của tôi cho thấy 505px là đủ. Tùy thuộc vào ứng dụng của bạn, bạn có thể muốn thiết lập động này tùy thuộc vào thiết bị của người dùng. – Sean

+3

Thay vì chỉ định chiều cao theo kiểu CSS, bạn cũng có thể thêm mục nhập bổ sung trong thẻ meta chế độ xem. Bạn có thể chỉ định chiều cao = chiều cao thiết bị. Bằng cách này, thanh vẫn sẽ bị ẩn ngay cả khi bạn thay đổi hướng của thiết bị. –

1

Trên iOS 7, bạn có thể sử dụng các thẻ meta tối thiểu-ui. Thật không may, điều đó đã bị xóa trong iOS 8.

Đối với iOS 8 có một dự án được gọi là vành được cho là sẽ mang lại chức năng loại tối thiểu. Nó có thể được tìm thấy ở đây: https://github.com/gajus/brim

Nguồn

2015-05-28 20:52:35

Các vấn đề liên quan

 Các vấn đề liên quan