Mendeteksi Jenis Browser dengan PHP atau Javascript

Mungkin pada suatu waktu, kita menginginkan program web yang dapat mendeteksi jenis browser yang digunakan oleh user atau pengunjung website.

Entah itu untuk membuat desain atau alur program yang berbeda sesuai dengan browser yang digunakan, atau menghitung persentase penggunaan setiap browser oleh user, atau juga dapat dimanfaatkan sesuai kebutuhan untuk program.

Kita dapat mendeteksi browser yang digunakan pengguna/user dengan PHP atau Javascript

PHP

PHP telah menyediakan variable global yaitu $_SERVER yang menyediakan informasi tentang server. Informasi tentang browser kita dapat menggunakan variable $_SERVER['HTTP_USER_AGENT']

<?php
  echo $_SERVER['HTTP_USER_AGENT'];
?>

Pada kasus saya yang Informasi yang tampil seperti berikut

Setiap browser akan menghasilkan output yang berbeda-beda. Kita perlu menuliskan beberapa logika agar menampilkan jenis browser yang sebenarnya.

Perhatikan kode dibawah ini

<?php
  $array_browsers = ["OPR" => "Oper", "opera" => "Opera", "Edg" => "Microsoft Edge", "Chrome" => "Google Chrome", "Safari" => "Safari", "Firefox" => "Mozilla Firefox", "MSIE" => "Internet Explore", "Trident" => "Internet Explore", "Other" => "Unknown Browser"];
 
  $agent = $_SERVER['HTTP_USER_AGENT'];

  $jenis_browser="";

  foreach ($array_browsers as $key => $value) {

    if (strpos($agent, $key) !== false) {
      $jenis_browser = $value;
      break;
    }   

  }

  echo $jenis_browser;
?>

Javascript

di Javascript kita dapat mendeteksi browser dengan menggunakan navigator.userAgent. Untuk logika programnya tidak berbeda jauh dengan PHP, Perhatikan kode di bawah

<script type="text/javascript">
  var arrayBrowsers = {"OPR" : "Oper", "opera" : "Opera", "Edg" : "Microsoft Edge", "Chrome" : "Google Chrome", "Safari" : "Safari", "Firefox" : "Mozilla Firefox", "MSIE" : "Internet Explore", "Trident" : "Internet Explore", "Other" : "Unknown Browser"};

  var agent = navigator.userAgent;
  var jenisBrowser;

  for(var prop in arrayBrowsers){
    var pola = new RegExp(prop);

    if(pola.test(agent)!=false){
      jenisBrowser = arrayBrowsers[prop];
      break;
    }
  }

  alert(jenisBrowser);
</script>

Itu merupakan kodingan sederhana untuk mendeteksi browser yang digunakan oleh user atau pengguna dengan PHP atau Javascript.

Kalian dapat memodifikasinya sesuai kebutuhan untuk program kalian.