画像や CSS などの特定のコードを実行する方法を知っているので、自分のウェブサイトが現在どのブラウザで表示されているかを知る必要があります...
6 に答える
ModernizerとSelectivizrを確認する
あなたのコメントは、IE 検出のみが必要であることを示唆しているため、CSS の目的で IE を検出するために私が見た最良の方法は、Paul Irish による手法を使用するHTML 5 Boilerplate プロジェクトで使用されます。
<!--[if lt IE 7]> <html class="ie6"> <![endif]-->
<!--[if IE 7]> <html class="ie7"> <![endif]-->
<!--[if IE 8]> <html class="ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
HTML5BP バージョンの使用をお勧めします。
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
これには、PHP と JavaScript の両方のクラス/関数があります。あなたがしなければならないのは、それぞれのものをグーグルで検索し、ブラウザごとに好みに合わせて使用することだけです. さらに一歩進んで .htaccess に基づいて実行することもできますが、全体としては、いつ、どこで、何をして何をするかなどに依存します.
全体として、いくつかのスタイリングの問題や特定のクライアント側のスクリプトの問題については一般的に言えば、標準の html だけで行うほとんどすべてのことは、すべてのブラウザーで正常に機能します。
htmlにJavaScriptを埋め込んでブラウザ情報を確認できます。
詳細は、たとえば次の場所にあります。
http://www.alanwood.net/demos/browserinfo.html
サンプルコード: (今では確実に動作します)
<!DOCTYPE html>
<html>
<head><title>test</title></head>
<body>
<script>
alert(navigator.userAgent);
</script>
</body>
</html>
物件を調べてもらいnavigator.userAgent
ます。この解析を行う Javascript ライブラリがいくつかダウンロードできます。ただし、ユーザー エージェント文字列を解析してブラウザーの種類を判別しようとする試みは、非常に信頼性が低いことを知っておく必要があります。
ブラウザーの機能に基づいて動作を切り替えようとしている場合は、代わりにそれらの特定の機能を確認し、現在のブラウザーで有効になっているかどうかを確認する必要があります。QuirksMode のこの投稿を読むことから始めることができます。
他の誰かが、機能検出を行う単なるライブラリであるModernizrについて言及しました。これは、ブラウザのユーザー エージェントを検査するよりもはるかに信頼性があります。
XPath API を使用してブラウザ エンジンを特定します。
//Gecko
var gecko = (!!window.XPathExpression === true) && "gecko";
//Trident
var trident = (!!window.XPathEvaluator === false && !!window.XPathExpression === false) && "trident";
//WebKit
var webkit = (!!window.XPathEvaluator === true && !!window.XPathExpression === false) && "webkit";
var browser = (String(gecko)+String(trident)+String(webkit)).replace(/false/g,"");
document.documentMode
IE が使用しているモードを検出するためにも使用します。
参考文献