ユーザーエージェントからブラウザを判断するjavascriptプログラムを作成しました。
ブラウザの判定ロジックは以下のサイトを参考にしました：
https://qiita.com/sakuraya/items/33f93e19438d0694a91d
また、改行する事で複数のユーザーエージェントにも対応できるようにしました。
htmlも含めてコード貼っときますのでよかったらコピペで使ってください〜。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<textarea name="userAgents" id="" cols="30" rows="10"></textarea>
<button name="startInspect">ブラウザ判断</button>
<script>
$(function(){
$("button[name='startInspect']").click(function(){
var userAgents = $("textarea[name='userAgents']").val().toLowerCase().split(/\n/);
var ieCount = 0;
var edgeCount = 0;
var chromeCount = 0;
var safaricount = 0;
var firefoxCount = 0;
var operaCount = 0;
var otherCount = 0;
userAgents.forEach(userAgent => {
if(userAgent.indexOf('msie') != -1 ||
userAgent.indexOf('trident') != -1) {
ieCount++;
} else if(userAgent.indexOf('edge') != -1) {
edgeCount++;
} else if(userAgent.indexOf('chrome') != -1) {
chromeCount++;
} else if(userAgent.indexOf('safari') != -1) {
safaricount++;
} else if(userAgent.indexOf('firefox') != -1) {
firefoxCount++;
} else if(userAgent.indexOf('opera') != -1) {
operaCount++;
} else {
otherCount++;
}
});
console.log("IEが" + ieCount + "件");
console.log("Edgeが" + edgeCount + "件");
console.log("Chromeが" + chromeCount + "件");
console.log("Safariが" + safaricount + "件");
console.log("Firefoxが" + firefoxCount + "件");
console.log("Operaが" + operaCount + "件");
console.log("その他が" + otherCount + "件");
});
});
</script>
</body>
</html>
