サイトをPWA(非プラグイン)にしても、iosでURLが見える。
-
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>ヘルプの必要なページ: [リンクを見るにはログイン]
- トピック「サイトをPWA(非プラグイン)にしても、iosでURLが見える。」には新たに返信することはできません。