スマホブラウザ

WordPress案件を構築している中で発見があったので、メモ。内容はWordPressと関係ないかも。とある案件を構築している中で、BraveのLighthouseを使って、改善点を指摘してもらっていました。全部が全部対応できる訳ではないので、なるべく対応する形をとっています。その際、.webmanifestを使ってアイコンの指定をしたので、その他の設定もすることに。そして、スマホの実機チェックをしていて変化に気づきました。あっ、ブラウザの外の色が変わっていると。そして、思い出したのが、.webmanifestでtheme_colorを設定したことでした。そうか、こうなるのか。これはいいかも。.webmanifestの詳しい説明はこちらをご覧ください。

Web App Manifest入門 | 第1回 マニフェストファイルの構造

Web App Manifestは、PWAを実現する際に使われる技術のひとつです。まずはその構造とメンバを紹介します。

{
~
"theme_color":"#000",
~
}