ソライロハレテ

UserAgentでハマったのでメモ。

UserAgentを使用してデザインの切り替え対応をしていたら、なんだかうまくデザインが切り替わらない。

PCから接続しているのにスマホ用のデザインで表示してしまったり、スマホから接続しているのにPC用のデザインになったりと、画面の切り替えが安定しない。

根気よくネットで原因を探してみると、HTTPのレスポンスヘッダーに「Vary: User-Agent」を指定する必要があるらしい。

とりあえずソースの先頭に
header('Vary: User-Agent');
をつけるとデザインの切り替えが安定するようになった。