• 1.<head>に以下を記述
    <meta name=”apple-mobile-web-app-capable” content=”yes” />
    <meta name=”mobile-web-app-capable” content=”yes” />
    <link rel=”manifest” href=”/manifest.json”>

    2.以下のmanifestを設置。
    {
     ”name”:”WEBアプリ”,
     ”short_name”:”WEBアプリ”,
     ”description”: “WEBアプリです”,
     ”icons”: [{
      ”src”: “/imgs/icon-000×000.png”,
      ”sizes”: “000×000″,
      ”type”: “image/png”
     }],
     ”display”: “standalone”,
     ”background_color”: “#000″,
     ”theme_color”: “#000″,
     ”start_url”: “/maincontents/”
    }

    これでページをホームに保存すると、PWA起動直後(最初)は正しい挙動(URL非表示で全画面表示)が得られますが、PWA画面内でページ遷移をすると、画面上部にURL、画面下部には「<」「>」←などのブラウザバックができるボタンが表示されます。
    また、画面左上に表示される「完了」を押すと、どのページにいても保存したページに戻ってしまいます。
    同一ドメイン内でのページ遷移なのになぜこのような挙動(上下のバーが表示される)になるのかが、いくら調べても何を試しても解明できません。。
    どうか知識ございます方、ご教授いただけないでしょうか。。

    WPのPWAプラグインも試しましたがダメ(同じ)でした。

    同じサーバー環境でwpがインストールされているのと同じディレクトリで、静的ページ(html)を置いて実験すると、ページ遷移してもずっと正しい挙動(URL非表示で全画面表示)が得られます。

    wpのhtaccessなどが影響して、外部リンクとみなされてしまうのでしょうか?
    htaccessは、以下のような状況です。

    <IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteRule .* – [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
    RewriteBase /
    RewriteRule ^index\.php$ – [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
    </IfModule>

    ヘルプの必要なページ: [リンクを見るにはログイン]

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • Safariの仕様次第なので、WordPressの問題如何ではないのですが…
    manifest.jsonに、URLの範囲を定義するscopeメンバーを追加しても同じでしょうか。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「サイトをPWA(非プラグイン)にしても、iosでURLが見える。」には新たに返信することはできません。