2015-02-21 13 views
27

Gần đây, tôi đã phát triển một trang web tìm nạp nội dung http/https hỗn hợp. Do đó, tôi luôn luôn nhận được thanh địa chỉ hiển thị trên đầu trang (Nó không tự động ẩn như trong các trang web khác). Đây là những gì tôi đang nói về:Buộc ẩn thanh địa chỉ trong Chrome trên Android

The Website

This là liên kết đến trang web.

Nội dung được tìm nạp từ nhiều nguồn khác nhau, do đó không thể lọc nội dung không phải https. Và kể từ khi trang web có nghĩa là để đọc, một màn hình không toàn màn hình là đau đớn cho người đọc. Vì vậy, có cách nào để buộc các hành vi tự động ẩn?

PS: Trang web sử dụng Twitter Bootstrap, nếu nó giúp.
PPS: Tôi không muốn sử dụng API toàn màn hình, nó sẽ quá nặng cho việc này.

+0

Không thể chặn thanh địa chỉ ... dừng lại và suy nghĩ về nó ... nếu mỗi trang web đã làm điều đó như thế nào người dùng có truy cập được không? – charlietfl

+0

Tôi xin lỗi nếu câu hỏi ngụ ý như vậy, nhưng tôi không có ý định chặn thanh địa chỉ. Vì vậy, trong Chrome dành cho Android, thanh địa chỉ tự động ẩn khi bạn cuộn xuống và bật lên khi bạn cuộn lên. Hành vi này cho phép người dùng thích đọc toàn màn hình trong khi cuộn xuống. – Ranveer

+2

@charlietfl như sau: http://i.stack.imgur.com/hpiFp.gif – Ranveer

Trả lời

31

Kiểm tra này có mọi thứ bạn cần

http://www.html5rocks.com/en/mobile/fullscreen/

Nhóm Chrome gần đây đã thực hiện một tính năng cho trình duyệt để khởi động toàn màn hình trang khi người dùng đã thêm nó vào màn hình chủ. Nó tương tự như mô hình Safari của iOS.

<meta name="mobile-web-app-capable" content="yes"> 
+0

Ý của bạn là "thêm nó vào màn hình chính? – sivann

+2

Tìm thấy nó, nó là một tùy chọn trên menu chrome. – sivann

+0

Lưu ý rằng người dùng có thể không khôi phục được thanh địa chỉ sau đó nếu anh ta muốn: http: // android.stackexchange.com/questions/55659/how-do-i-disable-full-screen-mode-in-chrome-for-android –

2
window.scrollTo(0,1); 

này sẽ giúp bạn nhưng javascript này có thể không làm việc trong tất cả các trình duyệt

+13

Bản hack này KHÔNG hoạt động trên Chrome 49 khi chiều cao nội dung nhỏ hơn so với chế độ xem. Thử nghiệm trên Android 5.1.1 Galaxy S6 Edge. –

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