はじめに
今回は、開発者ツールに表示されたエラーではなく警告?が表示されていたので調べてみました
なんかPlease
されてるけど??どういう意味なのか?
環境
- Windows, WSL
- Docker
- Ruby 3.2.3
- Rails 7.1.3
そもそもmeta name
の部分が何か?
👆上記2つの記事が実際の画面もあり分かりやすかったです。
ざっとまとめると以下の通り
- ウェブアプリケーションがモバイルデバイス上で「フルスクリーン」モードで動作することを示すメタタグ。
- このタグがあることで、ユーザーがウェブアプリを「ホーム画面」に追加したときに、アプリがブラウザのUI要素(アドレスバーやナビゲーションバーなど)を表示せず、よりアプリっぽいインターフェースで表示される
- ポイントは次の3つ。フルスクリーン表示、ユーザー体験の向上、PWA(Progressive Web App)対応
修正方法
では早速app/views/layouts/application.html.erb
(またはメタタグが含まれているファイル)を開いて、以下のように変更していきます。
<!-- 旧 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 新 -->
<meta name="mobile-web-app-capable" content="yes">
さいごにまとめ
少しコードを修正することで、その後再読み込みすることで無事に警告は解消されました!
エラーではないけど、警告が表示されると少し焦りますね💦
今回の記事が何か参考になれば幸いです。