2012-04-19 19 views
1

イメージとCSSの特定のコードを実行する方法を知っているので、私のウェブサイトが表示されている現在のブラウザを知る必要があります。HTML現在閲覧中のHTMLはどのブラウザですか?

+1

あなたは、IEの条件付きコメントを越えているブラウザをチェックする必要はありません。他のすべては機能の検出です。 – zzzzBov

+0

ええ、私は彼らが機能の検出を行うことを知っていますが、例えば。 http://css-tricks.com/perfect-full-page-background-image/ CSSのテクニック#1は、いくつかのIEの例外を除いてすべてのブラウザで良いと言われているので、そのブラウザがいつ別のメソッドを使用するよう呼び出されています。 Safari、Chrome、Mozillaで私の背景イメージが表示されていますが、IEではイメージが表示されず、ウェブサイトの表示方法に問題が生じます。 –

+0

...あなたの質問にその明らかに関連する情報がないのはなぜですか? – zzzzBov

答えて

2

あなたのコメントはあなただけIEの検出を必要とすることを示唆しているように、私はCSSの目的のためにIEを検出するの見た中で最高の方法はHTML 5 Boilerplate projectで使用され、:

<!--[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]--> 

私がお勧めブラウザエンジンを決定するために

<!-- 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]--> 
+0

これは、正確なコードを覚えていないうちに、これを見たコードです。 ありがとう –

1

ブラウザを確認できます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> 
4
+0

Modernizerは単独で何もしないことに注意してください。あなたはそれを使用するためにいくつかのJavaScriptを記述する必要があります。それ以外の場合、私はあなたに+1を与える! – Alerty

+0

ヘッドアップ、病気チェックModernizer、ありがとうたくさんの機能チェックプロセスのスピードアップにきれいに役立つようです。 –

1

を確認し、このためのPHPとJavaScriptの両方のクラス/関数があります。あなたがしなければならないことはそれぞれのGoogleのためのgoogleであり、ブラウザごとにあなたの好みにそれを使います。 .htaccessに基づいて行うこともできますが、どのようなときに何をしているのかによって異なります。

一般的に、スタイリングの問題や特定のクライアントサイドのスクリプティングの問題ほとんどの場合、標準のhtmlで行うことは、すべてのブラウザでうまく動作します。

0

navigator.userAgentのプロパティを調べる必要があります。この解析を行うためにダウンロードできるJavascriptライブラリがいくつかあります。ただし、ユーザーエージェント文字列を解析することでブラウザの種類を判断しようとすると信じられないほど信頼できません。

ブラウザの機能に基づいて動作を切り替える場合は、その特定の機能を確認して、現在のブラウザで有効になっているかどうかを確認する必要があります。まず、this post on QuirksModeと読んでください。

他の人がModernizrと言っていますが、これは機能検出を行うライブラリです。これは、ブラウザのユーザエージェントを調べるよりはるかに信頼性が高いです。 technique by Paul Irishを使用しています

0

XPathを使用するAPI:HTML5BPのバージョンを使用して

//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がどのモードを使用しているかを検出します。

参照

関連する問題