JavaScript ブラウザを判定するユーザーエージェントの取得

「userAgentプロパティ」は、ブラウザのユーザーエージェントの値を持っています。ユーザーエージェントとは、HTTPのヘッダー部分に付けられている文字列です。ユーザーエージェント情報の中からブラウザを特定できる文字列を検索することによって、ブラウザの判定を行うことができます。例えば、Operaは、ユーザーエージェントに「Opera」という文字列が含まれていることで判断しています。その他に、ユーザーエージェントに「Chrome」という文字列が含まれていて、かつ「Edge」という文字が含まれておらず、「OPR」の文字列が含まれている場合もOperaとなります。

また、Google Chromeは、ユーザーエージェントに「Chrome」という文字列が含まれていて、かつ「Edge」という文字列が含まれていないことを判断し、さらに「OPR」の文字が含まれているブラウザ以外のブラウザとして判断しています。

Google ChromeやEdgeのユーザーエージェントには「Safari」という文字列が含まれているので、Safariは、ユーザーエージェントに文字列「Safari」が含まれていて、かつ文字列「Chrome」、文字列「Edge」が含まれていないことで判断します。

FirefoxとMozillaは、まずユーザーエージェントに「Mozilla/5」の文字列が含まれていて、「Netscapse」、「Safari」、「Chrome」、「Trident/7」、「Edge」の文字列が含まれていないことを判断し、その後「Firefox」の文字列が含まれていればFirefox、それ以外はMozillaとして判断します。

このプロパティは読み取り専用です。

<script>
document.write("バージョン名:",navigator.userAgent);
</script>
実行結果
実行結果:Crome
実行結果
実行結果:Firefox

サンプル

<script>
    <!--
    var UA-navigator.userAgent;
    var Old_Netscape=UA.indexOf("Mozilla/2") != -1 ||
    UA.indexOf("Mozilla/3") != -1;
    var Netscape_4=UA.indexOf("MSIE") == -1 && UA.indexOf("Mozilla/4") != -1; var Netscape6_8-UA.indexOf("Netscape6/") != -1 ||
    UA.indexOf("Netscape/7") != -1 || UA.indexOf ("Netscape/8") != -1;
    var Firefox_Moz=UA.indexOf ("Mozilla/5") != -1 &&
    UA.indexOf("Netscape") == -1 && UA.indexOf("Safari") == -1 && UA.indexOf("Chrome") == -1 && UA.indexOf ("Trident/7") == -1 && UA.indexOf("Edge") == -1;
    var MSIE_5=UA.indexOf("MSIE 5") != -1 && UA.indexOf("Opera") == -1; var MSIE_6=UA.indexOf("MSIE 6") != -1 && UA.indexOf("Opera") == -1 && UA.indexOf("SV1") == -1;
    var MSIE 6SV1=UA.indexOf("MSIE 6") != -1 && UA.indexOf("SV1") != -1; var Safari UA.indexOf("Safari") != -1 && UA.indexOf("Chrome")
    UA.indexOf("Edge") == -1;
    == -1 &&
    if (Old_Netscape) {document.write("Netscape Navigator2.X or 3.X")} if (Netscape_4) {document.write("Netscape Navigator4.X")}
    if (Netscape6_8) {document.write("Netscape6.X 7.X 8.X")}
    if (Firefox_Moz) {
    }
    if (UA.indexOf("Firefox") != -1) {document.write("Firefox")} else{document.write("Mozilla")}
    if (UA.indexOf("MSIE 4") != -1) {document.write("Internet Explorer4.X")} if (MSIE_5) {document.write("Internet Explorer5.X")}
    if (MSIE_6) {document.write("Internet Explorer6.X")}
    if (MSIE_6SV1) {document.write("Internet Explorer6.X SV1")}
    if (UA.indexOf("MSIE 7") != -1) {document.write("Internet Explorer7.X")} if (UA.indexOf("MSIE 8") != -1) {document.write("Internet Explorer8.X")} if (UA.indexOf("MSIE 9") != -1) {document.write("Internet Explorer9.X")} if (UA.indexOf("MSIE 10") != -1) {document.write("Internet Explorer10.X")} if (UA.indexOf("Trident/7") != -1) {document.write("Internet Explorer11.X")}
    if (UA.indexOf("Edge") != -1) {document.write("Microsoft Edge")}
    if (UA.indexOf("Opera") != -1) {document.write("Opera")}
    if (UA.indexOf("Chrome") != -1 && UA.indexOf("Edge") == -1) {
    }
    if (UA.indexOf("OPR") != -1) {document.write("Opera")}
    else {document.write("Google Chrome")}
    if (Safari) {document.write("Safari")}
    //-->
    </script>