javascript：ブラウザ判定

WEB_javascript

使用ブラウザを判定したいとき。

 var userAgent = window.navigator.userAgent.toLowerCase();
 console.log('userAgent:',userAgent);
 if(userAgent.indexOf('msie') != -1 || userAgent.indexOf('trident') != -1) {
     console.log('Internet Explorer');
 } else if(userAgent.indexOf('edge') != -1) {
     console.log('Edge');
 } else if(userAgent.indexOf('opr') != -1) {
     console.log('Opera');
 } else if(userAgent.indexOf('chrome') != -1) {
     console.log('Google Chrome');
 } else if(userAgent.indexOf('safari') != -1) {
     console.log('Safari');
 } else if(userAgent.indexOf('firefox') != -1) {
     console.log('FireFox');
 } else {
     console.log('不明');
 }

Operaの判定はChromeより前で行う。

※Operaでのユーザーエージェントの文字列にChromeが含まれているので。( 下記参照 ) userAgent: mozilla/5.0 (windows nt 6.1; win64; x64) applewebkit/537.36 (khtml, like gecko) chrome/61.0.3163.100 safari/537.36 opr/48.0.2685.50

（Opera48.0 ver:48.0.2685.50 (PGO)）

　

参考 https://qiita.com/sakuraya/items/33f93e19438d0694a91d http://freefielder.jp/blog/2013/07/webkit-opera.html