[訳註] Linkタイトルも一部和訳しましたが、実際のLink先に和訳があるとは限りません。和訳が用意されている場合でも、本文書での和訳と異なる題名となっていることがあります。
- Sniffer と Detection : 前者は"嗅ぎ分け"と直訳されることが多いですが、あまり好きな表現ではないので(^^; 前者を"判別"とし、後者は"判断"というように使い分けました。
以下、このような緑色の小さな文字(要CSS対応)となっている部分が訳註です。
Mac の IE3 での安全確認付オブジェクト指向バージョン
このバージョンのクライアント判別コードはオブジェクト指向であるが、Macintosh の Internet Explorer 3.x のバグへの対策となる"安全確認"を含んでいます。Mac の IE3 で "is" オブジェクトを生成すれば、最初にページが読み込まれた時にはこのコードはちゃんと動作しますが、ページをリロードしてしまうとブラウザクラッシュします。この問題に対応するため、Mac の IE3 では "is" オブジェクトを生成しません。代わりに、"isIE3Mac" という真偽値変数を生成します。ページが Mac OS の Internet Explorer 3 によって読み込まれた時に真に設定されるものです。
注意すべき点を一つ : navigator.appVersion プロパティを Internet Explorer 3.0 で調べると、Windowsに於いては Internet Explorer 3.0 は自身が Navigator 2.0 だとして navigator.appVersion プロパティが 2 を返すことが分かります。Macintosh に於いては Internet Explorer 3.0 は自身が Navigator 3.0 だとして navigator.appVersion は 3 を返しますが。
HTML マークアップの動的生成
ページを多くのブラウザに最適化する場合、ブラウザベンダ及び/或いはバージョンを確認した上で、使用されているブラウザに最適化したHTMLマークアップを動的生成するためにページの body 要素中の script 要素で document.write() 文を使用した方が簡単なことがあります。ベンダやバージョン別の HTML マークアップを動的生成するのに必要なコードの一例を用意しました。このコードは後述するブラウザのベンダやバージョンを確認する為の JavaScript コードサンプルによって定義された "is" オブジェクトを使用します。真か偽かをみるために "isIE3Mac" 真偽値変数を最初に確認する事を忘れてはなりません。最初に確認する理由は、"isIE3Mac" が真であれば "is" オブジェクトは実際には存在しないからで、スクリプトが Mac の IE3 でエラーを起こして欲しくないからです。
<SCRIPT>
<!--
if (!isIE3Mac && is.gecko) {
{
// Gecko レイアウトエンジン搭載のユーザエージェント用マークアップを生成する document.write()
}
else if (!isIE3Mac && is.nav4) {
{
// Navigator 4用マークアップを生成する document.write()
}
else if (!isIE3Mac && is.ie5up)
{
// IE4 以降用マークアップを生成する document.write()
}
else
{
// 初期のバージョン用の静的HTMLを生成する document.write()
}
}
// -->
</SCRIPT>
ブラウザ別 JavaScript コード分岐
これで、あなたのページのコア JavaScript 関数中の必要なところでベンダやバージョン別のコード分岐をすることが出来ます。以下のコード分岐は、特定のブラウザでのみ使用可能なオブジェクト、プロパティ、メソッド、関数を使用します。分岐したコードは、その HTML マークアップが特定のブラウザバージョンでのみ動的に生成される HTML ページ要素もまた使用することが出来ます。
この断片的コードは後述するブラウザベンダとバージョンを確認する為の JavaScript コードサンプルによって定義された "is" オブジェクトを使用します。
if (!isIE3Mac && is.gecko)
{
// Gecko レイアウトエンジン搭載のユーザエージェント用の JavaScript をここに
}
else if (!isIE3Mac && is.nav4)
{
// Navigator 4 用の JavaScript をここに
}
else if (!isIE3Mac && is.ie5up)
{
// IE4 以降用の JavaScript をここに
}
else if (!isIE3Mac && (is.nav3 || is.opera))
{
// Nav3 と Opera 用の JavaScript をここに
}
else
{
// IE3 と Nav2 用の JavaScript をここに
}
ブラウザベンダ、バージョン、オペレーティングシステム を判断するJavaScript コード
ブラウザベンダ、バージョン番号、オペレーティングシステムを判断するのに必要な JavaScript コードを用意しました。このコードは ブラウザベンダ、バージョン番号、JavaScript バージョン、オペレーティングシステムを示すプロパティを持つ "is" と呼ばれるオブジェクトを生成します。
このコードはJavaScript互換ブラウザの全てのバージョン及びプラットフォームでの互換性があると考えられます。このコードは次のオペレーティングシステムとブラウザでテストされています。・・・
- Windows NT: Navigator 4, Navigator 3, and Navigator 2; Internet Explorer 5; Internet Explorer 3; Opera 3
- Windows 98: Netscape 6;Navigator 4.76; Internet Explorer 4; Internet Explorer 5; Internet Explorer 5.5; Opera 5; HotJava 3
- Macintosh: Navigator 4, Internet Explorer 3.01, Internet Explorer 4.02
- RedHat Linux 6.2: Navigator 4.6; Netscape 6
- SunOS5: Navigator 3
<-- // 究極の JavaScript クライアント判別 バージョン 3.03 // (C) Netscape Communications 1999-2001. 再利用と変更を認めます。 // 修正 17 May 99 : is_nav5up と is_ie5up を追加(後述). // 修正 20 Dec 00 : is_gecko を追加、 is_nav5up を is_nav6up に変更 // IE5.5 Opera4&5 HotJava3 AOLTV のサポートも追加 // 修正 22 Feb 01 : IE 5.x, Opera 4, の JavaScript 判断を修正 // Opera 5 の判断を修正 // winME と win2k のサポートを追加 // browser-type-oo.js と同期 // [訳註] 非オブジェクト指向バージョンを修正していったあと最後にオブジェクト指向バージョン // にも変更点を纏めて一気に反映させた、ということではないかと予想します。(^^; // 修正 26 Mar 01 : Opera の判断を修正 // 修正 02 Oct 01 : IE6 の判断を追加 // JavaScript クライアントについて知りたいがなかなか聞けないもの全て。 // "Is" は "is" オブジェクトのコンストラクタ関数で、以下を示すプロパティを持ちます: // (1) ブラウザベンダ: // is.nav, is.ie, is.opera, is.hotjava, is.webtv, is.TVNavigator, is.AOLTV // (2) ブラウザージョン番号: // is.major (integer indicating major version number: 2, 3, 4 ...) // is.minor (float indicating full version number: 2.02, 3.01, 4.04 ...) // (3) ブラウザベンダとメジャーバージョン // is.nav2, is.nav3, is.nav4, is.nav4up, is.nav6, is.nav6up, is.gecko, is.ie3, // is.ie4, is.ie4up, is.ie5, is.ie5up, is.ie5_5, is.ie5_5up, is.ie6, is.ie6up, is.hotjava3, is.hotjava3up // (4) JavaScript バージョン番号: // is.js (float indicating full JavaScript version number: 1, 1.1, 1.2 ...) // (5) OS プラットフォームとバージョン: // is.win, is.win16, is.win32, is.win31, is.win95, is.winnt, is.win98, is.winme, is.win2k // is.os2 // is.mac, is.mac68k, is.macppc // is.unix // is.sun, is.sun4, is.sun5, is.suni86 // is.irix, is.irix5, is.irix6 // is.hpux, is.hpux9, is.hpux10 // is.aix, is.aix1, is.aix2, is.aix3, is.aix4 // is.linux, is.sco, is.unixware, is.mpras, is.reliant // is.dec, is.sinix, is.freebsd, is.bsd // is.vms // // ユーザエージェント文字列の詳細については次を参照してください。 // http://www.it97.de/JavaScript/JS_tutorial/bstat/navobj.html // http://www.it97.de/JavaScript/JS_tutorial/bstat/Browseraol.html // // 注: Nav5 や IE5 (またはそれ以降) がリリースされてもNav4 や IE4 の // コードを"首"にしたりはしたくないでしょうから、条件分岐する際、将来の // バージョンでも動作して欲しいコードでは、is.nav4 や is.ie4 ではなく // is.nav4up (Nav4以降) や is.ie4up (IE4 以降) を使用してください。 // [訳註] 原文のまま訳しましたが、この記載は更新忘れているもののようです。 // 非オブジェクト指向バージョンでは以下のような現状に即した記述になっています。 // | 注: 新しいブラウザがリリースされてもNav4 や IE4 のコードを"首"に // | したりはしたくないでしょうから、条件分岐する際、将来のバージョン // | でも動作して欲しいコードでは、is_ie5 や is_opera5 ではなく // | is_ie5up (IE5以降)や is_opera5up (Opera5.0 以降) を使用してください。 function Is () { // テストを簡単にするために全文字列を小文字に変換 var agt=navigator.userAgent.toLowerCase(); // *** ブラウザージョン *** // 注: IE5 ではこの値で 4 が返されるので IE5 の判断には is_ie5up を使用する。 this.major = parseInt(navigator.appVersion); this.minor = parseFloat(navigator.appVersion); // 注: Opera と WebTV は Navigator のマネをしますが、厳密に判断します。 // マネをするのを認めるなら、opera と webtv のコードを除外してください。 this.nav = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1) && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1) && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1)); this.nav2 = (this.nav && (this.major == 2)); this.nav3 = (this.nav && (this.major == 3)); this.nav4 = (this.nav && (this.major == 4)); this.nav4up = (this.nav && (this.major >= 4)); this.navonly = (this.nav && ((agt.indexOf(";nav") != -1) || (agt.indexOf("; nav") != -1)) ); this.nav6 = (this.nav && (this.major == 5)); this.nav6up = (this.nav && (this.major >= 5)); this.gecko = (agt.indexOf('gecko') != -1); this.ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1)); this.ie3 = (this.ie && (this.major < 4)); this.ie4 = (this.ie && (this.major == 4) && (agt.indexOf("msie 4")!=-1) ); this.ie4up = (this.ie && (this.major >= 4)); this.ie5 = (this.ie && (this.major == 4) && (agt.indexOf("msie 5.0")!=-1) ); this.ie5_5 = (this.ie && (this.major == 4) && (agt.indexOf("msie 5.5") !=-1)); this.ie5up = (this.ie && !this.ie3 && !this.ie4); this.ie5_5up =(this.ie && !this.ie3 && !this.ie4 && !this.ie5); this.ie6 = (this.ie && (this.major == 4) && (agt.indexOf("msie 6.")!=-1) ); this.ie6up = (this.ie && !this.ie3 && !this.ie4 && !this.ie5 && !this.ie5_5); // 既知のバグ: AOL4 では IE3 が組み込まれている場合や最初に開かれたブラウザ // ウィンドウである場合には false を返します。であるから、is_aol, is_aol3, // is_aol4 は 100% 信頼できるものではありません。 this.aol = (agt.indexOf("aol") != -1); this.aol3 = (this.aol && this.ie3); this.aol4 = (this.aol && this.ie4); this.aol5 = (agt.indexOf("aol 5") != -1); this.aol6 = (agt.indexOf("aol 6") != -1); this.opera = (agt.indexOf("opera") != -1); this.opera2 = (agt.indexOf("opera 2") != -1 || agt.indexOf("opera/2") != -1); this.opera3 = (agt.indexOf("opera 3") != -1 || agt.indexOf("opera/3") != -1); this.opera4 = (agt.indexOf("opera 4") != -1 || agt.indexOf("opera/4") != -1); this.opera5 = (agt.indexOf("opera 5") != -1 || agt.indexOf("opera/5") != -1); this.opera5up = (this.opera && !this.opera2 && !this.opera3 && !this.opera4); this.webtv = (agt.indexOf("webtv") != -1); this.TVNavigator = ((agt.indexOf("navio") != -1) || (agt.indexOf("navio_aoltv") != -1)); this.AOLTV = this.TVNavigator; this.hotjava = (agt.indexOf("hotjava") != -1); this.hotjava3 = (this.hotjava && (this.major == 3)); this.hotjava3up = (this.hotjava && (this.major >= 3)); // *** JAVASCRIPT バージョン *** if (this.nav2 || this.ie3) this.js = 1.0; else if (this.nav3) this.js = 1.1; else if (this.opera5up) this.js = 1.3; else if (this.opera) this.js = 1.1; else if ((this.nav4 && (this.minor <= 4.05)) || this.ie4) this.js = 1.2; else if ((this.nav4 && (this.minor > 4.05)) || this.ie5) this.js = 1.3; else if (this.hotjava3up) this.js = 1.4; else if (this.nav6 || this.gecko) this.js = 1.5; // 注: 将来的には、新しいバージョンのJSが出たらこのコードを更新します。 // 今のところ、将来のバージョンの Nav や IE が"少なくとも" JS 1.x 互換 // であることを示します。JS バージョン互換のチェックには常に > や >= // を使用するようにしてください。 else if (this.nav6up) this.js = 1.5; // 注: マックでの ie5up は 1.4 else if (this.ie5up) this.js = 1.3 // HACK: 他のブラウザは分かりません。JS バージョンチェックは > や>= で。 else this.js = 0.0; // *** プラットフォーム *** this.win = ( (agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) ); // 注: Opera 3.0 では Win32 環境全てでユーザエージェント文字列に "Windows 95/NT4" // が含まれており、Win95 と WinNT の区別が出来ません。 this.win95 = ((agt.indexOf("win95")!=-1) || (agt.indexOf("windows 95")!=-1)); // 16 bit バージョンと思われる。 this.win16 = ((agt.indexOf("win16")!=-1) || (agt.indexOf("16bit")!=-1) || (agt.indexOf("windows 3.1")!=-1) || (agt.indexOf("windows 16-bit")!=-1) ); this.win31 = ((agt.indexOf("windows 3.1")!=-1) || (agt.indexOf("win16")!=-1) || (agt.indexOf("windows 16-bit")!=-1)); // 注: Win98 の信頼できる判断法は存在しないようです。次のようだから: // - Nav4.x 以前ではユーザエージェントで "Windows" だけしか得られない。 // - Win98 上の Mercury では 32 bit バージョンは "Win98" を返すが、 // 16 bit バージョンは "Win95" を返す。 this.win98 = ((agt.indexOf("win98")!=-1) || (agt.indexOf("windows 98")!=-1)); this.winnt = ((agt.indexOf("winnt")!=-1) || (agt.indexOf("windows nt")!=-1)); this.win32 = (this.win95 || this.winnt || this.win98 || ((this.major >= 4) && (navigator.platform == "Win32")) || (agt.indexOf("win32")!=-1) || (agt.indexOf("32bit")!=-1)); this.winme = ((agt.indexOf("win 9x 4.90")!=-1)); this.win2k = ((agt.indexOf("windows nt 5.0")!=-1)); this.os2 = ((agt.indexOf("os/2")!=-1) || (navigator.appVersion.indexOf("OS/2")!=-1) || (agt.indexOf("ibm-webexplorer")!=-1)); this.mac = (agt.indexOf("mac")!=-1); // hack: マックでの ie5 の JavaScript バージョン if (this.mac && this.ie5up) this.js = 1.4; this.mac68k = (this.mac && ((agt.indexOf("68k")!=-1) || (agt.indexOf("68000")!=-1))); this.macppc = (this.mac && ((agt.indexOf("ppc")!=-1) || (agt.indexOf("powerpc")!=-1))); this.sun = (agt.indexOf("sunos")!=-1); this.sun4 = (agt.indexOf("sunos 4")!=-1); this.sun5 = (agt.indexOf("sunos 5")!=-1); this.suni86= (this.sun && (agt.indexOf("i86")!=-1)); this.irix = (agt.indexOf("irix") !=-1); // SGI this.irix5 = (agt.indexOf("irix 5") !=-1); this.irix6 = ((agt.indexOf("irix 6") !=-1) || (agt.indexOf("irix6") !=-1)); this.hpux = (agt.indexOf("hp-ux")!=-1); this.hpux9 = (this.hpux && (agt.indexOf("09.")!=-1)); this.hpux10= (this.hpux && (agt.indexOf("10.")!=-1)); this.aix = (agt.indexOf("aix") !=-1); // IBM this.aix1 = (agt.indexOf("aix 1") !=-1); this.aix2 = (agt.indexOf("aix 2") !=-1); this.aix3 = (agt.indexOf("aix 3") !=-1); this.aix4 = (agt.indexOf("aix 4") !=-1); this.linux = (agt.indexOf("inux")!=-1); this.sco = (agt.indexOf("sco")!=-1) || (agt.indexOf("unix_sv")!=-1); this.unixware = (agt.indexOf("unix_system_v")!=-1); this.mpras = (agt.indexOf("ncr")!=-1); this.reliant = (agt.indexOf("reliantunix")!=-1); this.dec = ((agt.indexOf("dec")!=-1) || (agt.indexOf("osf1")!=-1) || (agt.indexOf("dec_alpha")!=-1) || (agt.indexOf("alphaserver")!=-1) || (agt.indexOf("ultrix")!=-1) || (agt.indexOf("alphastation")!=-1)); this.sinix = (agt.indexOf("sinix")!=-1); this.freebsd = (agt.indexOf("freebsd")!=-1); this.bsd = (agt.indexOf("bsd")!=-1); this.unix = ((agt.indexOf("x11")!=-1) || this.sun || this.irix || this.hpux || this.sco ||this.unixware || this.mpras || this.reliant || this.dec || this.sinix || this.aix || this.linux || this.bsd || this.freebsd); this.vms = ((agt.indexOf("vax")!=-1) || (agt.indexOf("openvms")!=-1)); } var is; var isIE3Mac = false; // この節は Mac の IE3 の為に特別に用意したものです。 if ((navigator.appVersion.indexOf("Mac")!=-1) && (navigator.userAgent.indexOf("MSIE")!=-1) && (parseInt(navigator.appVersion)==3)) isIE3Mac = true; else is = new Is(); // JavaScript隠蔽終了 -->
あなたのブラウザプロファイル
これはあなたがお使いのブラウザでこのコードを使用した結果です。以下のテキストはご利用のブラウザベンダ、バージョン、オペレーティングシステムを JavaScript で判別して動的生成したものです。
元となるデータ
バージョン番号
ブラウザバージョン
JavaScript バージョン
OS
Sun-Netscapeアライアンスの成果についての最新の技術情報を得るには、http://developer.iplanet.com へどうぞ。
更なるインターネット開発の情報源を得るには、Netscape TechSearch をお試し下さい。
This site powered by: Netscape Enterprise Server and Netscape Compass Server.
訳者： dynamis <translator@skillup.jp>
このドキュメントのオリジナルはmozilla.orgにおいて英語で公布されています。
この和訳は、利用者の利便のために Mozilla Japan 翻訳部門 によって提供されています。
内容に関してご不明な点がありましたら webmaster までお問い合わせください。
このドキュメントのオリジナルはmozilla.orgにおいて英語で公布されています。
この和訳は、利用者の利便のために Mozilla Japan 翻訳部門 によって提供されています。
内容に関してご不明な点がありましたら webmaster までお問い合わせください。