Làm cách nào để ẩn thanh địa chỉ trên iPhone?
Tôi đã thử hai phương pháp khác nhau cho đến nay:
Cuộn xuống một thủ thuật pixel với javascript trên tải trang
Và các thẻ meta sau:
Cũng điều này:
Tôi hoàn toàn bối rối.
Tái bút: Ồ, tôi quên một điều thực sự quan trọng: bản thân trang web không tràn vào cửa sổ trình duyệt. Có lẽ đó là lý do tại sao thủ thuật Scrolldown 1 pixel không hoạt động.
Tôi không thể làm cho nó lớn hơn, vì điều đánh vào thiết kế, rằng mọi người đều có thể cuộn, nhưng trang này gấp lại ... :]
Đã hỏi ngày 7 tháng 11 năm 2010 lúc 10:49Nov 7, 2010 at 10:49
Peter Szabopeter SzaboPeter Szabo
1.0262 Huy hiệu vàng17 Huy hiệu bạc 30 Huy hiệu Đồng2 gold badges17 silver badges30 bronze badges
4
Tôi chỉ tự đánh cái này. Nếu thanh địa chỉ không ẩn, lý do có thể chỉ đơn giản là trang không đủ dài để cuộn.
Khi mà
window.scrollTo[0,1]
được gọi là trang phải dài hơn cửa sổ để có thể xảy ra sự kiện cuộn.
Chỉ khi việc cuộn thậm chí xảy ra, Safari di động sẽ ẩn thanh địa chỉ.
Đã trả lời ngày 20 tháng 9 năm 2011 lúc 15:01Sep 20, 2011 at 15:01
6
🔴 Cập nhật: Apple đã loại bỏ hỗ trợ cho
Đối với những người đi bộ mới đang xem xét điều này: kể từ iOS 7.1, có một chế độ
Nó được bật bằng cách đặt thuộc tính
Bạn cũng có thể sử dụng nó kết hợp với các thuộc tính khác như vậy:
Đáng chú ý, không có yêu cầu độ dài nội dung tối thiểu như có vụ hack
Tài liệu chính thức duy nhất tôi có thể tìm thấy trên đây là một ghi chú trong các ghi chú phát hành iOS 7.1 của Apple:
Một thuộc tính, tối thiểu-UI, đã được thêm vào cho khóa thẻ Meta Viewport cho phép giảm thiểu các thanh trên và dưới trên iPhone khi tải trang. Trong khi trên một trang sử dụng tối thiểu-UI, hãy nhấn vào thanh trên cùng mang các thanh trở lại. Khai thác lại nội dung sẽ loại bỏ chúng một lần nữa.
Ví dụ, sử dụng
7.
Tất nhiên, vì điều này chỉ hoạt động trong iOS 7.1 trở lên, nên tính hữu dụng của nó có thể bị hạn chế.this only works in iOS 7.1 and above, it's usefulness may be limited.
Mironline
2.6857 Huy hiệu vàng34 Huy hiệu bạc58 Huy hiệu Đồng7 gold badges34 silver badges58 bronze badges
Đã trả lời ngày 18 tháng 7 năm 2014 lúc 20:31Jul 18, 2014 at 20:31
Markquezadamarkquezadamarkquezada
8.3586 Huy hiệu vàng44 Huy hiệu bạc51 Huy hiệu Đồng6 gold badges44 silver badges51 bronze badges
1
Trừ khi một cái gì đó đã thay đổi trong các phiên bản iOS gần đây, thủ thuật cuộn xuống là loại duy nhất đáng tin cậy, tôi không có vấn đề gì với phiên bản này:
/mobile/i.test[navigator.userAgent] && !location.hash && setTimeout[function[] {
window.scrollTo[0, 1];
}, 1000];
Mặc dù vậy, tôi không quan tâm đến bất kỳ nền tảng di động nào khác cho trang cụ thể này, nó đã chuyển hướng dựa trên tác nhân ... bạn có thể muốn thay đổi Regex để kiểm tra cụ thể iPhone, ví dụ: Thay thế
Đã trả lời ngày 7 tháng 11 năm 2010 lúc 10:52Nov 7, 2010 at 10:52
Nick Cravernick CraverNick Craver
617K135 Huy hiệu vàng1293 Huy hiệu bạc1152 Huy hiệu đồng135 gold badges1293 silver badges1152 bronze badges
2
Tôi nghĩ rằng phiên bản này thực sự tốt hơn. Nó kiểm tra để xem liệu người dùng đã bắt đầu cuộn hay không, đó là một vấn đề tôi nhận thấy trong dự án di động của mình.
/Mobile/.test[navigator.userAgent] && !location.hash && setTimeout[function [] {
if [!pageYOffset] window.scrollTo[0, 1];
}, 1000];
Đã trả lời ngày 27 tháng 5 năm 2011 lúc 7:26May 27, 2011 at 7:26
Simon Eastsimon ĐôngSimon East
53.2K17 Huy hiệu vàng137 Huy hiệu bạc131 Huy hiệu đồng17 gold badges137 silver badges131 bronze badges
Bạn có thể chạy chức năng khi nội dung trang web đã sẵn sàng thay vì sử dụng thời gian chờ
addEventListener["load", function[] {
window.scrollTo[1, 0];
}, false];
Đã trả lời ngày 5 tháng 1 năm 2012 lúc 16:17Jan 5, 2012 at 16:17
Try:
setTimeout[function [] {
window.scrollTo[0, 1];
}, 1000];
Nếu sử dụng jQuery, hãy đặt nó vào cuối
window.scrollTo[0,1]
Đã trả lời ngày 24 tháng 2 năm 2011 lúc 22:19Feb 24, 2011 at 22:19
Trong trường hợp không có giải pháp nào trong số này hoạt động và bạn đang gặp phải vấn đề rất hẹp mà tôi phải đối mặt, đây là những gì đã sửa nó cho tôi.
Tôi đã có cái này trong CSS của tôi
html{position: relative; height: 100%; overflow: hidden;}
CSS này chỉ áp dụng một bản sửa lỗi cho một trong các trang của tôi, vì vậy tôi đã hạn chế nó với một điều kiện cho trang đó và thanh địa chỉ hiện đang hoạt động chính xác trên tất cả các trang khác.
David
3,2551 Huy hiệu vàng36 Huy hiệu bạc53 Huy hiệu Đồng1 gold badge36 silver badges53 bronze badges
Đã trả lời ngày 20 tháng 11 năm 2017 lúc 19:37Nov 20, 2017 at 19:37
MO ALSAEDIMO ALSAEDIMo Alsaedi
7103 Huy hiệu bạc14 Huy hiệu Đồng3 silver badges14 bronze badges
0
Tôi cũng đã tìm kiếm trên ứng dụng web toàn màn hình này và tôi đã tìm thấy điều này.
//www.onlywebpro.com/2015/07/19/optimizing-full-screen-mobile-web-app-for-ios/
- Về cơ bản, bạn cần thêm những điều sau trong tiêu đề của mình:
- Mở trang web trong Safari
- Nhấn vào biểu tượng "Mở bằng" [mũi tên chỉ lên trên và hộp bên dưới nó] bên cạnh nút Làm mới ở thanh URL
- Chọn "Thêm vào màn hình chính"
- Truy cập Homescreen và mở "Tên ứng dụng"
- Voila! Trang web không có nút URL hoặc nút điều hướng!
Đã trả lời ngày 13 tháng 9 năm 2018 lúc 10:01Sep 13, 2018 at 10:01
mmw5610mmw5610mmw5610
7496 Huy hiệu bạc11 Huy hiệu đồng6 silver badges11 bronze badges
Tôi nghĩ rằng nó sẽ không bao giờ được giải quyết trừ khi nội dung nhiều hơn cửa sổ trình duyệt.
Đây là một số mã sẽ ẩn URL về tải, thay đổi định hướng và trên một cảm ứng [chỉ nên sử dụng URL nếu bạn có một URL ẩn liên tục, đó là một loại giun khác - nếu bạn không, loại bỏ phần đó của tập lệnh].
Đã trả lời ngày 8 tháng 3 năm 2012 lúc 23:36Mar 8, 2012 at 23:36
Điều này được sử dụng để thêm một ứng dụng web iOS vào màn hình chính mà không cần tìm kiếm.
Đã trả lời ngày 14 tháng 8 năm 2019 lúc 21:49Aug 14, 2019 at 21:49