UACSS

Hiki用のプラグインです。

テーマで指定された通常のCSSファイルの他にUserAgent別に追加のCSSを指定できます。

特定のブラウザでどうしても上手く表示できないっ！という時に使います。

使い方

pluginディレクトリにぶち込むだけで有効になります。

あとは、hikiconf.rbに

$options['uacss'] = [
  [/Opera/, 'opera.css'],
  [/IE ?d?.?d+/, 'ie.css'], ,
]

こんな感じ。各配列の最初の要素はUAにマッチする正規表現、2番目の要素は対応するcssのURIです。上から順に各正規表現にUAがマッチするか調べ、最初にマッチした正規表現に対応するcssが使用されます。いずれにもマッチしなかった場合はcssの追加はありません。

上記の例だとまず「Opera」の文字列がUAに含まれるか調べます。あればopera.cssを追加し、終了します。無ければ「IE 数字.数字1個以上」という文字列を探しますあればie.cssを追加し終了、無ければそのまま終了します。

OperaだとUAにIE 6.0とか含んじゃっているので先にOperaであることを判別しています。こうしないとIEだと思われてie.cssを追加してしまいますが、Operaではちゃんと見えるし、そんなことして欲しくはないのでopera.cssという空ファイルを置いて対処します。

↓どうぞ。