iOS15 Safariで上の帯の色が特定サイトで変わる理由と対処法
こんにちわ、きみひこです。
上の帯（枠）とはこれ↓↓のことですね。
正式にはステータスバーっていうのかな？
で、あれ？っておもいません？これはじめて見たら。
思いますよね笑
調べてみるとこの色の理由や色々分かったので解説します。
iOS15 Safariで上の帯の色が特定サイトで変わる？
上の帯（ステータスバー）ですが、ほかのサイトを見ると白のままだったんです。
え？なんでうちだけ？？って思ってちょっと調べたんですが、この水色の帯といえばGPS（位置情報）を使ってるとかそんなんじゃなかったっけ？
と思って調べたらインターネット共有の色だって書いてあったんですね。
えっ？たしかに過去にインターネット共有もしたことあってたしかにそうだったかなぁーと思ったものの、で、なんでうちのサイト見るときだけ、インターネット共有されるの？？ ってなりました。
一応設定をみましたけどインターネット共有はオフになっている。なんか違う気がするぞ…と、さらに調べました。
そしたら分かりました。サイトごとに変わるんですよ。これ。
iOS15 Safariで上の帯の色が特定サイトで変わる理由
なんだこれ…サイトの設定情報を何か拾って表示してるのかな？と思いましたが…
どういうロジックなのかは不明ですが、iOS15ではウェブサイトの色にあわせて上の帯の色を自動的に変更するんだそう。
なるほど…。
だからマクリンさんのとこはグリーンで、りんごさんのとこはりんご色なんですね。笑
でもって、うちのサイトはSafariの認識的には水色なんですね、上に空のイメージを配置してるからから間違いではないですけど笑
それにしても水色はややこしかった。インターネット共有の色と同じなんやもん苦笑
iOS15 Safariで上の帯の色が変わらないようにする方法
ちなみにこの帯の色は、自動的に変わらないように設定できますの手順を解説します。
設定⇒Safari を開いてください。
Safari設定の中央あたりにタブに関する設定があるのですが、ここの【Webサイトの色合い調整を許可】が上の帯の色に関連する設定にあたります。
これをオフにすると色が変わらなくなりますよ。
ちなみにですけど、Webサイトの色合い調整を許可をオフにしていていも、下に引っ張ってリロードした際にはサイトカラーが見えます(笑)
おまけ：iOS15でもURLエリアを上に移動することが可能
たまたま今回の件でSafariの設定を見て分かったのですが、iOS15から下に移動したURLエリアを上に戻すことが可能なようですね。
- タブバー
- シングルタブ
タブバーが新しいスタイルで、シングルタブが従来のURLが上にくるスタイル、ですね。
試しに戻してみたのですが、またひとつ気づきました。
シングルタブ（従来スタイル）に戻した場合は、下に引っ張ったときに見える下地にも色が付かなくなるみたいです！
以上、参考になれば幸いです。