[JS]ブラウザの種類を検出して、CSSのセレクタで実装できるスクリプト

サイト構築 -JavaScript

Post on:2008年2月27日

sponsors

デザイン効率化の新常識！Illustratorの生成塗りつぶし（シェイプ）の活用テクニック Adobe Firefly Camp

jQuery Browserは、スクリプトでブラウザの種類を検出して、CSSのセレクタとして実装できるスクリプトです。

jQuery Browser

jQuery Browserは、ブラウザのもつplatformやuserAgentから、OSやブラウザの情報を取得し、セレクタを利用して、ブラウザごとのスタイルシートを適用することが可能です。

jQuery Browserでのスタイルシートの記述例

<textarea name="code" class="css" cols="60" rows="5">
div#browser-test{
	border: 2px solid #000;
	padding: 10px;
}

■Internet Explorer用
div#browser-test.msie{
	background-color: #f00;
}

■Firefox用
div#browser-test.firefox{
	background-color: #0f0;
}

■Safari用
div#browser-test.safari{
	background-color: #00f;
}

■Opera用
div#browser-test.opera{
	background-color: #666;
}
</textarea>