35

iPhone のような Android Web アプリケーションを作成する方法はありますか?

HTML ページの head 要素で「apple-mobile-web-app-capable」メタ タグを使用して、アプリケーションをユーザーのスプリングボードにインストールできることを Apple iOS に通知し、メニューなしで Safari Mobile ブラウザを起動します。バー。

4

5 に答える 5

33

Android の Chrome がメタタグをサポートするようになりましたmobile-web-app-capable:

Chrome M31 以降、デバイスのホーム画面にアプリケーションのショートカット アイコンを追加するようにウェブ アプリケーションを設定し、Chrome for Android の [ホーム画面に追加] メニュー項目を使用して全画面表示の「アプリ モード」でアプリを起動することができます。

mobile-web-app-capableメタタグの詳細については、 「M39 より前のホーム画面にインストールされたアプリのサポート」まで下にスクロールします。

M31 以降、Chrome は Web ページの要素で次のメタ タグを検索します (表示が指定されたマニフェストがある場合、これは無視されます)。

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

name 属性は「mobile-web-app-capable」でなければならず、 content 属性は「yes」でなければなりません (大文字と小文字は区別されません)。content 属性に他の値がある場合、Web アプリは通常のブックマークとして追加されます。

テストできるChrome M31を実行しているデバイスはありませんが、これは、デバイスのホーム画面にアイコンがあるフルスクリーンWebアプリが、Chrome M31までサポートされていることを意味すると解釈します。mobile-web-app-capableメタタグ。

于 2015-01-14T20:01:16.750 に答える
1

私はそうは思いません。

ただし、ブラウザが Android デバイスであるかどうかを検出し、Android マーケット アプリへのリンク (または APK への直接リンク) を表示するのは簡単です。

Android には WebView ウィジェットがあるため、専用の Web サイトをロードするアプリや、オフライン コンテンツをラップするアプリ (初回起動時にダウンロードするか、assets フォルダーに配布する) を作成するのは非常に簡単です。

于 2011-04-25T03:00:05.780 に答える
1

jQuery を使用すると、コンテンツの高さがビューポートの高さよりも大きいかどうかを確認できます。そうでない場合は、その高さにすることができます。

$(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); 
  } 

});

megar の功績:ブラウザーからアドレス バーを削除する (Android で表示するため)

于 2012-09-06T16:15:19.190 に答える
0

ホーム画面にブックマーク (=任意の Web ページ) へのショートカットを作成できます。

于 2011-01-06T17:40:35.497 に答える