JavaScript - JavaScriptからCSSファイル/ CSSコードを呼び出す

Question

こんにちは
JavaScriptで、以下のコード（PHP）のような同じ機能を実行するにはどうすればよいですか？

​​

Answer 1

var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1; 

if (is_chrome) { 
    document.writeln("<style>h1 { color: red; }</style>"); 
} 

出典： http://davidwalsh.name/detecting-google-chrome-javascript

JavaScriptを使用して、異なるブラウザ検出をしたいことがあります。 http://javascriptly.com/2008/09/javascript-to-detect-google-chrome/

Answer 2

あなたが追加されたクラスを利用するには、あなたのCSSコードを修正するための特徴検出を行うためにModernizrスクリプトを使用します。

Answer 3

if (navigator.userAgent.indexOf('Chrome') > -1) 
    document.write("<style type=\"text/css\">h1 { color: red; }</style>"); 

他の変形、クロム検出のための短い

navigator.userAgent.indexOf('Chrome') > -1 ? 
     document.write("<style type=\"text/css\">h1 { color: red; }</style>") : ""; 

Answer 4

SMAオンrtphoneブラウザでは、ブラウザのバージョンがjavascript/cssとは異なっているため、状況は少し複雑です。例えばアンドロイドブラウザは、アンドロイドos 2.0までhtml5をサポートしていませんし、それ以降のバージョンではhtml5ビデオタグをサポートしていますが、オーディオタグはサポートしていません。同様に、モバイルサファリにもバリエーションがあります。だから最善の方法は、ユーザーエージェントの文字列を見て、osのバージョン/プラットフォーム/ OSのためにそれを解析し、それに応じて行動する。私はブラウザのユーザーエージェントからいくつかの情報を取得する小さな関数を書いた。

var agentInfo=(function(){ 
    var info={}, 
    ua=navigator.userAgent.split(/[()]/)[1].split(/;/); 
    info.platform=ua[0] && ua[0].toLowerCase(); 
    info.version=ua[2] && ua[2].match(/[0-9._]+/g)[0]; 
    info.os=ua[2] && (temp=ua[2].match(/[^0-9_.]+/g)[0].toLowerCase()) && (temp=/(windows)|(linux)|(mac)|(iphone)|(android)/.exec(temp)) && temp[0]; 
    return info; 
})();

os/platform/versionに基づいて、適切なCSSを書くことができます。