HTML・CSSテックラボ

SSIでPCとスマートフォンの出力を切り替える

ウェブサーバでSSI(サーバサイドインクルード)が有効になっていれば、SSIのIF文を使ってPCとスマートフォンの出力を切り替えることができます。


ここにスマホの場合に出力したいコードを記載します

ここにPCの場合に出力したいコードを記載します

まず、exprの値にIFの条件文を指定します。


条件文の中でサーバ変数と正規表現が使えるので、次のようにユーザエージェントの値にiPhone、iPod、Android、Windows Phoneの文字列がないか正規表現にかけることができます。


あとはを使ってPCの場合のコードとスマートフォンの場合のコードを組み込むだけです。
SSIが有効であれば、下記コードで簡単なテストが可能です。




スマートフォンで表示しています

PCで表示しています



関連記事