mobile-web-app-capableを使用しない場合
私は 読む 追加する方法について
<meta name="Apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
hTMLに追加すると、ユーザーはそのページをホーム画面に追加してアプリとして使用できるようになります。したがって、これらのメタタグを私が生成するほとんどすべてのHTMLに追加することが理にかなっているのかどうか疑問に思っています。結局のところ、ユーザーはアプリとしてインストールする必要がありませんが、インストールすることを選択した場合、なぜそれを防ぐ必要がありますか？
ここでは、HTMLサーバーの観点からは静的な認証されていないコンテンツについて主に考えていますが、クライアント側のJavaScriptのおかげで相互作用する可能性があります。アイデアを与えるために、おそらくインタラクティブなコードデモが含まれている単一ページのチュートリアルについて考えてみてください。そんな感じ。
- これらのタグを追加して約束をしていますか？
- どのような状況でそれらを追加しないようにする必要がありますか？
これらのタグを使用して作成している唯一の「約束」は、ブラウザのボタンなしでWebサイトをナビゲートして使用できることです。ほとんどのWebサイトには専用の「戻る」ボタンがなく、ユーザーは行き止まりになってしまいます。
あなたはサイトの基本的な部分がインターネット接続なしで実行できることを提案します、さもなければ、なぜわざわざ？ブックマークを使用するだけでなく、ホーム画面に追加する理由があるはずです。通常のブックマークよりもユーザーに明確なメリットがない場合は、これらのタグの使用を避ける必要があります。
あなたの例では、チュートリアルはアプリのようなショートカットとしてかなりクールかもしれません。特に、すべてのコンテンツがキャッシュされ、ユーザーがインターネットに接続していなくてもすぐにアクセスできる場合はそうです。ただし、ユーザーが作業中に複数のチュートリアルを参照する場合があることを考慮する必要があります。ユーザーのホーム画面を、ユーザーが切り替える必要のある1ページの「アプリ」のアイコンでいっぱいにすることは、ブラウザーのタブを使用するよりも便利ではありません。
「複数のブラウザタブ」シナリオを改善する機能を追加できる場合、それはmobile-web-app-capableタグを使用する理想的な方法です。関連する複数のチュートリアルを組み合わせたアプリを作成し、フロントエンドのコンテンツを簡単に検索してみてください。