15

apple-mobile-web-app-titleAndroid WebアプリケーションのiOS 6メタタグに相当するものはありますか? 長いタイトルと短いタイトルを定義する可能性を与えるもの。

<title>Long name</title>
<meta name="apple-mobile-web-app-title" content="Short name">
4

4 に答える 4

6

これは、「application-name」メタ タグを使用して可能です。ただし、クロムでのみ機能するようです。Firefox と Android ブラウザーはタイトル タグを使用しません。

<head> ...  <meta name="application-name" content="Awesome App!"> ...  </head>

から、Web アプリケーションでの使用セクション
http://w3c-webmob.github.io/installable-webapps/

于 2015-03-05T12:21:54.367 に答える
2

site.webmanifest次のようなという JSON ファイルを作成します。

{
  "name": "Long name",
  "short_name": "Short name",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone"
}

次に、次のように HTML に追加します。

    <link rel="manifest" href="/site.webmanifest">

その"icons"部分はあなたの質問には関係ありませんが、おそらくそれらも含める必要があります（実際にそれらのアイコンファイルを作成します）。この記事からこれを取得しました：https://dev.to/masakudamatsu/favicon-nightmare-how-to-maintain-sanity-3al7

于 2021-10-21T06:09:13.950 に答える
0

Chrome では、M39 以降、Web アプリ用の JSON ベースのマニフェスト ファイルのサポートが追加されました。このフィールドは、アプリ ランチャーなど、フル ネームを表示するスペースが限られている場合に好まれるという点で、short_nameSafari と同等です。apple-mobile-web-app-title

Web アプリ マニフェスト ファイル内のshort_nameフィールドのW3C 仕様:

short_name メンバーは、Web アプリケーションの名前の短いバージョンを表す文字列です。Web アプリケーションの完全な名前を表示するには十分なスペースがない場合に使用することを目的としています。

于 2015-09-03T05:07:46.257 に答える
0

これを行う 1 つの方法は、JavaScript を使用してモバイル ブラウザーを検出し、document.titleを短いタイトルに変更することです。

if (navigator.userAgent.match(/(iPad|iPhone|iPod|Android|Silk)/gi))
   document.title = "Short Title";
于 2015-12-14T21:54:26.790 に答える