Thẻ meta "apple-mobile-web-app-capable" dành cho Android?

Question

Có cách nào để tạo Ứng dụng web Android như trên iPhone không?

Sử dụng thẻ meta "apple-mobile-web-app-capable" trong phần tử đầu của trang HTML, nó thông báo cho Apple iOS rằng ứng dụng có thể được cài đặt vào bảng điều khiển người dùng để nó khởi động Safari Mobile trình duyệt không có thanh menu.

Answer 1

Chrome trên Android bây giờ hỗ trợ một meta-tag mobile-web-app-capable:

Vì Chrome M31, bạn có thể thiết lập ứng dụng web của bạn để có một biểu tượng shortcut ứng dụng thêm vào màn hình chính của thiết bị, và có sự ra mắt ứng dụng trong chế độ ứng dụng "toàn màn hình" bằng cách sử dụng mục menu "Thêm vào màn hình chính" của Chrome cho Android.

Để biết chi tiết về mobile-web-app-capable meta-tag, di chuyển xuống "Hỗ trợ ứng dụng màn hình cài đặt trước khi M39":

Kể từ M31, Chrome sẽ tìm kiếm thẻ meta sau trong các yếu tố của web-page (nếu có một biểu hiện với màn hình chỉ định, này được bỏ qua):

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

tên thuộc tính PHẢI là "mobile-web-app-capable" và thuộc tính nội dung phải là "có" (phân biệt chữ hoa chữ thường). Nếu có bất kỳ giá trị nào khác trong nội dung, thuộc tính , ứng dụng web sẽ được thêm dưới dạng dấu trang thông thường.

Mặc dù tôi không có bất kỳ thiết bị nào chạy Chrome M31 mà tôi có thể thử nghiệm, tôi hiểu điều này có nghĩa là các ứng dụng web toàn màn hình có biểu tượng trên màn hình chính của thiết bị được hỗ trợ như Chrome M31, miễn là bạn sử dụng thẻ meta mobile-web-app-capable.

Answer 2

Bạn có thể tạo lối tắt tới dấu trang (= bất kỳ trang web nào) trên màn hình chính.

Answer 3

Tôi không tin như vậy.

Tuy nhiên, nó sẽ là khá tầm thường để phát hiện nếu một trình duyệt là một thiết bị Android, và hiển thị một liên kết đến một ứng dụng Android Market (hoặc trực tiếp đến APK)

Như Android có một widget WebView, nó khá tầm thường để viết một ứng dụng tải một trang web chuyên dụng, hoặc bằng cách nào đó kết thúc nội dung ngoại tuyến (hoặc tải xuống lúc khởi chạy lần đầu hoặc được chuyển vào thư mục nội dung)

Answer 4

Sử dụng jQuery, bạn có thể xem chiều cao của nội dung lớn hơn chiều cao khung nhìn. Nếu không, sau đó bạn có thể làm cho nó chiều cao.

$(document).ready(function() { 
    if (navigator.userAgent.match(/Android/i)) { 
    window.scrollTo(0,0); // reset in case prev not scrolled 
    var nPageH = $(document).height(); 
    var nViewH = window.outerHeight; 
    if (nViewH > nPageH) { 
     nViewH -= 250; 
     $('BODY').css('height',nViewH + 'px'); 
    } 
    window.scrollTo(0,1); 
    } 

}); 

tín dụng để meagar: Removing address bar from browser (to view on Android)

Answer 5

Kể từ Chrome31 + ứng dụng web màn hình chủ cũng được hỗ trợ trên Android. Xem here.