質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.92%

<meta name="apple-mobile-web-app-capable" content="yes" />での表示不具合

受付中

回答 0

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 75

K.TAKASHI

score 22

iPad利用をメインとしたWEBアプリを作成しています。
GAS(javascript)でHTMLServiceを利用してHTMLを作成していますが、これだけだとページ上部にgoogle独自のワーニング("このアプリケーションは、Google ではなく、別のユーザーによって作成されたものです。")が表示されてしまうため、
Blogger.comで作成した表示専用サイトを別途用意し、そのサイトに<iframe>でGASで作成したHTML内容を読み込んでいます。

さらにURLバーの表示をなくしたフルスクリーンでアプリを表示させようと考えていますが、
<meta name="apple-mobile-web-app-capable" content="yes" />を使用したら
通常のsafari、Chrome、iPadOS版Chrome、iOS版Chromeで上部がURLバー分だけずれてしまうことが分かりました。
このため、<meta name="apple-mobile-web-app-capable" content="yes" />を削除しましたが、iPadにおいてsafari,Chrome(デスクトップ用HTML表示)、iPadOS版Chrome(モバイル用HTML表示)でその後も該当WEBページを開くとURLバー分だけずれてしまいます。
※ブラウザ上でURLの再読み込みを実施するとURL分だけ上部にずれない、正常な表示となります。

どうやらアプリキャッシュよりコアなキャッシュが影響しているようです。
WEBデータ・cookieの削除、アプリの削除・再インストール、iPadの初期化(=設定/すべてのコンテンツと設定を消去)を実行してもキャッシュが消えないようで困っています。

どなたか解決方法をご存知の方がいましたらご教示ください。
よろしくお願いいたします。

【参考】
https://kimizuka.hatenablog.com/entry/2016/07/11/211855

/////
追記です。
どうやら直近のバグみたいです。
App store(https://apps.apple.com/jp/app/apple-store/id535886823)のレビューでも取り上げられていました。
>上部が見切れる現象を確認
iPad で画面全体を使ってページを表示した後、ページ上部をタブとアドレスバーで上書きしたかのような挙動をする様になりました。タブをすべて閉じた後にchromeをアプリ一覧から消して起動し直すと、最初の一回だけ正常に動作し、その後は報告している挙動になりますね。

ページの表示直後に下方向にドラッグすると、指を離したら上部を隠された状態に戻る。一度上方向にドラッグしてページ下にスクロールしてからページ上に戻すと隠されていた部分が表示できます。しかしながら、そういう操作が出来ないページを開いていると隠された部分を表示させられません。ちなみにコミックビューア系のページだと下部が切れます。タブバー、またはアドレスバー分も含めたの高さがビューアに渡されてその高さに合わせたものの、ブラウザが高さを渡していない部品を表示して画像の見切れが生じている様子。

今日まで発生していなかった理由は分かりませんが、他の方が8月20日に「上部が見切れる」という表題で報告されていた不具合と同じものだと思います。なお、iPad OS、chromeは2020/9/10時点で最新のバージョンです。現象の再現方法をここまで書いたのですから早期の不具合解消をお願いいたします。

追記:2020/9/11にchromeのアップデートがありましたが、上記の不具合は未解消です。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.92%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る