iOS15 Safariで上の帯の色が特定サイトで変わる理由と対処法

2021年9月27日

あれ?iPhoneでサイトにアクセスしたときに上の枠の色が変わるんやけど…。なにこれ?
きみひこ
きみひこ
あれ?iPhoneでサイトにアクセスしたときに上の枠の色が変わるんやけど…。iOS15にしたタイミングやからそれが何か影響してる?

こんにちわ、きみひこです。

上の帯(枠)とはこれ↓↓のことですね。

正式にはステータスバーっていうのかな?

で、あれ?っておもいません?これはじめて見たら。

思いますよね笑

調べてみるとこの色の理由や色々分かったので解説します。

iOS15 Safariで上の帯の色が特定サイトで変わる?

上の帯(ステータスバー)ですが、ほかのサイトを見ると白のままだったんです。

え?なんでうちだけ??って思ってちょっと調べたんですが、この水色の帯といえばGPS(位置情報)を使ってるとかそんなんじゃなかったっけ?

と思って調べたらインターネット共有の色だって書いてあったんですね。

えっ?たしかに過去にインターネット共有もしたことあってたしかにそうだったかなぁーと思ったものの、で、なんでうちのサイト見るときだけ、インターネット共有されるの?? ってなりました。

一応設定をみましたけどインターネット共有はオフになっている。なんか違う気がするぞ…と、さらに調べました。

そしたら分かりました。サイトごとに変わるんですよ。これ。

きみひこ
きみひこ
見事に変わってる(笑)

iOS15 Safariで上の帯の色が特定サイトで変わる理由

なんだこれ…サイトの設定情報を何か拾って表示してるのかな?と思いましたが…

どういうロジックなのかは不明ですが、iOS15ではウェブサイトの色にあわせて上の帯の色を自動的に変更するんだそう。

なるほど…。

だからマクリンさんのとこはグリーンで、りんごさんのとこはりんご色なんですね。笑

でもって、うちのサイトはSafariの認識的には水色なんですね、上に空のイメージを配置してるからから間違いではないですけど笑

それにしても水色はややこしかった。インターネット共有の色と同じなんやもん苦笑

きみひこ
きみひこ
ちなみにうちのサイト、夕方だとオレンジですけどね苦笑

iOS15 Safariで上の帯の色が変わらないようにする方法

ちなみにこの帯の色は、自動的に変わらないように設定できますの手順を解説します。

設定⇒Safari を開いてください。

Safari設定の中央あたりにタブに関する設定があるのですが、ここの【Webサイトの色合い調整を許可】が上の帯の色に関連する設定にあたります。

これをオフにすると色が変わらなくなりますよ。

ちなみにですけど、Webサイトの色合い調整を許可をオフにしていていも、下に引っ張ってリロードした際にはサイトカラーが見えます(笑)

おまけ:iOS15でもURLエリアを上に移動することが可能

たまたま今回の件でSafariの設定を見て分かったのですが、iOS15から下に移動したURLエリアを上に戻すことが可能なようですね。

  • タブバー
  • シングルタブ

タブバーが新しいスタイルで、シングルタブが従来のURLが上にくるスタイル、ですね。

試しに戻してみたのですが、またひとつ気づきました。

シングルタブ(従来スタイル)に戻した場合は、下に引っ張ったときに見える下地にも色が付かなくなるみたいです!

以上、参考になれば幸いです。

この記事は役に立ちましたか? 役立った 役立たなかった
8 人中 8 人がこの記事は役に立ったと言っています。

★新記事下ハイブリッドads