Firefox デフォルトのCSS変更

気ままに変更してみました。
Firefox でのアクセス時のみ違う CSS になります。
(他のブラウザは全く考慮してない CSS なんでこうしてます)

プレビュー

振り分けにはこれまで SSI を使ってこんな感じで書いていました。

<!--#if expr="($HTTP_USER_AGENT = /Gecko/)" -->
<!--#elif expr="($HTTP_USER_AGENT = /Opera/)" -->
<!--#else -->
<!--#endif -->

しかし、SSI はいまいち使いづらくて良くありません。キャッシュも全くされないのでリクエスト毎に毎度送ることになってしまい、たった 4KB 程の CSS でもかなりの転送量になってしまうという問題点もあります。

そこで今度は PHP を通すようにしてみました。Last-Modified, If-Modified-Since, Etag など、もろもろのヘッダ処理を加えたのでキャッシュもきちんと行われています。

<Files auto.css>
AddHandler application/x-httpd-php .css
</Files>

あとは .htaccess にこんな感じに記述して auto.css に振り分けコードを書いて終わり。