Web アプリをスマフォのホーム画面に登録してもらうためのメモ 1 - 😊クリエイティブWeb
Web アプリでもネイティブアプリのように iPhone や Android のホーム画面に登録できるし、オフラインで動作させることもできるということなので、実際にやってみて、まとめてみました。 まず、一番最初に準備するのがホーム画面に登録するためのアイコンで、そのサイズは以下のとおりです。 iPhone (iOS7) 120px × 120px iPhone（iPhone 4以降でiOS6まで）114px × 114px iPhone（iPhone 3 まで）57px × 57px iPad （iOS7）152px × 152px iPad （iOS6までのRetina）144px × 144px iPad （iOS6までの普通）72px × 72px Android 48dp × 48dp Android の場合は、Developers の Iconography をみると1x、1.5
iOSのホーム画面にオリジナルのアイコンを置く方法 - Qiita
以下のテキストの【～】の部分を好きなように置き換え、SafariのURLバーに入力し、開いたページをホーム画面に追加することで、ホーム画面にオリジナルのアイコンを設置することができます。 data:text/html;charset=UTF-8,<title>【タイトル】</title><meta name="apple-mobile-web-app-capable" content="yes"><link rel="apple-touch-icon" href="【画像URL】"><script>navigator.standalone?location="【URLスキーム】":alert("ホーム画面に追加してください")</script> ポイントは以下のようになります。 data URI … サーバーなどにHTMLファイルを用意することなくHTMLを使える apple-mobile
iOSでウェブサイトをフルスクリーン表示させる | mawatari.jp
iOSでウェブサイトをフルスクリーン表示させる方法をメモしておきます。言葉で説明するより、画面を見てもらうのが早いと思います。 iPhoneのSafariで、ウェブサイトを閲覧すると、通常は、上図左のような画面になりますが、上図右のような画面表示にするための方法です。Safariのアドレスバーや、ナビゲーションバーが表示されませんので、使える場面は限られますが、以下のような使い方ができるのではないでしょうか。 Google Maps等のFull JavaScriptのWebアプリを広いスクリーンで表示するいわゆるハイブリッドアプリ（ネイティブアプリ中身がHTML）を作る過程での簡易確認制御ボタンもHTMLで作って、Webアプリだけど、ネイティブアプリっぽく見せる1. と 3. は、ほぼ同義ですね。既に存在しているWebアプリを広い画面で使うか、自分で作るかの違いです。 Google Map
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
