Es6-browsers
ES6-ブラウザー
各ブラウザーを期待どおりに処理するには、異なるブラウザー間の違いを理解することが重要です。 そのため、Webページが実行されているブラウザを知ることが重要です。 Webページが現在実行されているブラウザーに関する情報を取得するには、組み込みのナビゲーターオブジェクトを使用します。
ナビゲーターのプロパティ
Webページで使用できるNavigator関連のプロパティがいくつかあります。 以下は、名前とその説明のリストです。
Sr.No | Property & Description |
---|---|
1 |
appCodeName このプロパティは、ブラウザのコード名、NetscapeのNetscape、Internet ExplorerのMicrosoft Internet Explorerを含む文字列です。 |
2 |
appVersion このプロパティは、ブラウザのバージョンと、言語や互換性などの他の有用な情報を含む文字列です。 |
3 |
language このプロパティには、ブラウザで使用される言語の2文字の略語が含まれています。 Netscapeのみ。 |
4 |
mimTypes[] このプロパティは、クライアントがサポートするすべてのMIMEタイプを含む配列です。 Netscapeのみ。 |
5 |
platform[] このプロパティは、ブラウザがコンパイルされたプラットフォームを含む文字列です。 32ビットWindowsオペレーティングシステム用の「Win32」。 |
6 |
plugins[] このプロパティは、クライアントにインストールされているすべてのプラグインを含む配列です。 Netscapeのみ。 |
7 |
userAgent[] このプロパティは、ブラウザのコード名とバージョンを含む文字列です。 この値は、クライアントを識別するために元のサーバーに送信されます。 |
ナビゲーターメソッド
ナビゲータ固有のメソッドがいくつかあります。 それらの名前と説明のリストを以下に示します。
Sr.No | Methods & Description |
---|---|
1 |
javaEnabled() このメソッドは、クライアントでJavaScriptが有効になっているかどうかを判別します。 JavaScriptが有効な場合、このメソッドはtrueを返します。それ以外の場合は、falseを返します。 |
2 |
plugings.refresh このメソッドは、新しくインストールされたプラグインを使用可能にし、すべての新しいプラグイン名をプラグイン配列に追加します。 Netscapeのみ |
3 |
preference(name,value) このメソッドを使用すると、署名されたスクリプトがNetscapeの設定を取得および設定できます。 2番目のパラメーターが省略された場合、このメソッドは指定された設定の値を返します。それ以外の場合は、値を設定します。 Netscapeのみ |
4 |
taintEnabled() データ汚染が有効な場合、このメソッドはtrueを返します。そうでない場合はfalse |
ブラウザ検出
次のJavaScriptコードを使用してブラウザの名前を確認し、それに応じてHTMLページをユーザーに提供できます。
<html>
<head>
<title>Browser Detection Example</title>
</head>
<body>
<script type = "text/javascript">
<!--
var userAgent = navigator.userAgent;
var opera = (userAgent.indexOf('Opera')
! = -1); var ie = (userAgent.indexOf('MSIE')
!= -1); var gecko = (userAgent.indexOf('Gecko')
! = -1); var netscape = (userAgent.indexOf('Mozilla')
! = -1); var version = navigator.appVersion;
if (opera) {
document.write("Opera based browser");
//Keep your opera specific URL here.
} else if (gecko) {
document.write("Mozilla based browser");
//Keep your gecko specific URL here.
} else if (ie) {
document.write("IE based browser");
//Keep your IE specific URL here.
} else if (netscape) {
document.write("Netscape based browser");
//Keep your Netscape specific URL here.
} else {
document.write("Unknown browser");
}
//You can include version to along with any above condition.
document.write("<br/> Browser version info : " + version );
//
-->
</script>
</body>
</html>
上記のコードが正常に実行されると、次の出力が表示されます。
Mozilla based browser
Browser version info : 5.0
(Windows NT 6.3; WOW64)AppleWebKit/537.36(KHTML、Geckoなど)Chrome/41.0.2272.101 Safari/537.36