イメージとCSSの特定のコードを実行する方法を知っているので、私のウェブサイトが表示されている現在のブラウザを知る必要があります。HTML現在閲覧中のHTMLはどのブラウザですか?
答えて
あなたのコメントはあなただけ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]-->
これは、正確なコードを覚えていないうちに、これを見たコードです。 ありがとう –
ブラウザを確認できます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>
Modernizerは単独で何もしないことに注意してください。あなたはそれを使用するためにいくつかのJavaScriptを記述する必要があります。それ以外の場合、私はあなたに+1を与える! – Alerty
ヘッドアップ、病気チェックModernizer、ありがとうたくさんの機能チェックプロセスのスピードアップにきれいに役立つようです。 –
を確認し、このためのPHPとJavaScriptの両方のクラス/関数があります。あなたがしなければならないことはそれぞれのGoogleのためのgoogleであり、ブラウザごとにあなたの好みにそれを使います。 .htaccessに基づいて行うこともできますが、どのようなときに何をしているのかによって異なります。
一般的に、スタイリングの問題や特定のクライアントサイドのスクリプティングの問題ほとんどの場合、標準のhtmlで行うことは、すべてのブラウザでうまく動作します。
navigator.userAgent
のプロパティを調べる必要があります。この解析を行うためにダウンロードできるJavascriptライブラリがいくつかあります。ただし、ユーザーエージェント文字列を解析することでブラウザの種類を判断しようとすると信じられないほど信頼できません。
ブラウザの機能に基づいて動作を切り替える場合は、その特定の機能を確認して、現在のブラウザで有効になっているかどうかを確認する必要があります。まず、this post on QuirksModeと読んでください。
他の人がModernizrと言っていますが、これは機能検出を行うライブラリです。これは、ブラウザのユーザエージェントを調べるよりはるかに信頼性が高いです。 technique by Paul Irishを使用しています
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がどのモードを使用しているかを検出します。
参照
- 1. ホームページ閲覧時のHTMLコード
- 2. 省略形はHTMLで閲覧不可
- 3. Docker-selenium-chrome閲覧ブラウザ
- 4. Android:閲覧中のリソースID?
- 5. javascript、現在のhtml
- 6. 閲覧中のセクションを確認する
- 7. 現在のブラウザのURLをHTMLハイパーリンクに追加する
- 8. ページ閲覧Wagtail CMSコレクションの閲覧
- 9. HTML:サイドバー+現在のページサイズ
- 10. mailto現在のhtmlページ
- 11. Androidの閲覧
- 12. IDは閲覧中の現在の商品IDと一致しません - Laravel 5.2
- 13. 閲覧中のオンライン私は、以下の正規表現を見つけ
- 14. gmailのhtmlテンプレートの現在のCSSステータスとは何ですか?
- 15. Xamarin - HTMLファイルを閲覧するための環境を作成します。
- 16. 私のランダムなページの閲覧者のためのHTMLやJAVAスクリプト
- 17. ブラウザでPDFを閲覧できるようにする
- 18. 閲覧前のスウィフトオブザーバ
- 19. 閲覧ループのviエディタで
- 20. ブラウザ内でWord文書を閲覧する
- 21. onDraw()閲覧
- 22. 閲覧用ロックテーブル
- 23. HTML:現在のディレクトリへのハイパーリンク?
- 24. 現在実行中のブラウザの現在のWebアプリケーションを検出します。
- 25. 現在のズームレベルから最大の閲覧距離をGoogle Maps APIで取得する
- 26. ブラウザはhtmlマークアップのないhtmlページをどのように扱いますか?
- 27. レコードの閲覧時のエラー
- 28. JupyterのHTMLで現在のノートブックをエクスポートするには
- 29. 閲覧方法Angularjsを使って現在ログインしているユーザー
- 30. ブラウザでワード文書を閲覧するにはどうすればいいですか?
あなたは、IEの条件付きコメントを越えているブラウザをチェックする必要はありません。他のすべては機能の検出です。 – zzzzBov
ええ、私は彼らが機能の検出を行うことを知っていますが、例えば。 http://css-tricks.com/perfect-full-page-background-image/ CSSのテクニック#1は、いくつかのIEの例外を除いてすべてのブラウザで良いと言われているので、そのブラウザがいつ別のメソッドを使用するよう呼び出されています。 Safari、Chrome、Mozillaで私の背景イメージが表示されていますが、IEではイメージが表示されず、ウェブサイトの表示方法に問題が生じます。 –
...あなたの質問にその明らかに関連する情報がないのはなぜですか? – zzzzBov