2013-07-22 340 views
5

Chúng tôi có một trang web, nơi có một đơn giản Javascriptẩn thanh địa chỉ trình duyệt di động trên chrome (android)

<body onLoad="setTimeout(function() {window.scrollTo(0, 1)}, 100);"> 

Chúng tôi ẩn thanh địa chỉ trên hầu hết các trình duyệt (safari, và trình duyệt Android có nguồn gốc) dòng này của JavaScript hoạt động tốt cho hầu hết, nhưng chúng tôi đã nhận thấy một hành vi lạ trên chrome, trang thực sự cuộn xuống, nhưng thanh địa chỉ không ẩn! Sau khi tải trang, nếu người dùng cuộn xuống một chút bằng ngón tay, thanh địa chỉ ẩn bình thường.

Tôi cũng đã cố gắng để di chuyển xuống tất cả các trang có JS, với kết quả của trang đầy đủ cuộn và thanh địa chỉ vẫn có thể nhìn thấy ...

Bất cứ ai cũng biết nếu có một số mẹo Tôi quên để sử dụng hoặc nếu chức năng này không có trong Chrome?

+0

Bạn có một webview trong ứng dụng của bạn và bạn muốn ẩn thanh địa chỉ? – Blackbelt

+0

không, tôi có một phiên bản di động của một trang web, (giống như một webapp) và tôi muốn ẩn thanh địa chỉ của trình duyệt thiết bị, điều này hoạt động tốt với trình duyệt mặc định thứ hai cho một số khác, chẳng hạn như doplhin, Safari, và một số chi tiết, nhưng với chrome hack này không hoạt động. –

Trả lời

10

scrollTo (0,1) chưa được hỗ trợ trong Chrome dành cho Android (nó gần đây đã được bổ sung và sau đó loại bỏ). Chúng tôi có API FullScreen nhưng đó là một chút nặng tay cho những gì bạn muốn đạt được.

+0

scrollTo() được hỗ trợ đầy đủ trong Chrome dành cho Android, nó chỉ không làm những gì bạn nghĩ. – GreySage

2

Dường như bản cập nhật mới nhất của Chrome Mobile (ngày 22 tháng 7) đã phá vỡ tính năng tự động ẩn của thanh công cụ. Khi cuộn xuống một trang, thanh công cụ không còn tự động ẩn nữa. Đây là trường hợp trên Nexus 4.

Cập nhật ngày 22 tháng 7 mang chế độ toàn màn hình cho máy tính bảng. Nhưng tôi đoán họ vô tình phá vỡ tính năng cho điện thoại thông minh. Chế độ toàn màn hình đã hoạt động trước đó trên điện thoại thông minh.

Chrome Browser Play Store

0

tôi thấy cách làm thế nào để ẩn thanh địa chỉ sau lần đầu tiên bấm

if (document.body.webkitRequestFullScreen) { 
    window.addEventListener('click', function(e) { 
    if (e.target.type != 'text' && e.target.type != 'password') { 
     body.webkitRequestFullScreen(); 
     window.setTimeout(function() { 
     document.webkitCancelFullScreen(); 
     }, 500); 
    } 
    }, false); 
} 
+2

"Không chặn sự kiện liên lạc đầu tiên và đưa ra một requestFullscreen". - http://www.html5rocks.com/en/mobile/fullscreen/ – CoDEmanX