Generator User Agent Acak untuk Pengujian Pengembangan Web

Hasilkan string user agent browser yang realistis dengan opsi untuk memfilter berdasarkan jenis perangkat, keluarga browser, dan sistem operasi. Sempurna untuk pengujian pengembangan web dan pemeriksaan kompatibilitas.

Generator User Agent Acak

Hasilkan string user agent browser acak dan realistis untuk pengujian pengembangan web.

User Agent yang Dihasilkan

Salin
📚

Dokumentasi

Pembuat User Agent Acak

Pendahuluan

String User Agent adalah pengenal teks spesifik yang dikirimkan oleh browser web dan aplikasi lain ke situs web untuk mengidentifikasi diri mereka. String ini biasanya berisi informasi tentang browser, sistem operasi, jenis perangkat, dan mesin rendering yang digunakan. Bagi pengembang web dan penguji, memiliki akses ke berbagai string user agent yang realistis sangat penting untuk menguji kompatibilitas, responsivitas, dan fungsionalitas situs web di berbagai platform.

Alat Pembuat User Agent Acak ini membuat string user agent yang terlihat autentik berdasarkan parameter yang Anda pilih. Anda dapat memfilter berdasarkan jenis perangkat (desktop atau mobile), keluarga browser (Chrome, Firefox, Safari, atau Edge), dan sistem operasi untuk menghasilkan user agent yang sesuai dengan kebutuhan pengujian Anda. Alat ini menyediakan antarmuka sederhana dengan opsi untuk menyalin string yang dihasilkan dengan satu klik dan menghasilkan string acak baru secara instan.

Struktur User Agent

String user agent mengikuti pola tertentu tergantung pada browser dan platform, tetapi umumnya mengandung beberapa komponen umum:

  1. Pengenal Browser: Biasanya dimulai dengan "Mozilla/5.0" untuk alasan kompatibilitas historis
  2. Informasi Platform/OS: Rincian tentang sistem operasi (Windows, macOS, Android, iOS)
  3. Mesin Browser: Mesin rendering (seperti Gecko, WebKit, atau Blink)
  4. Rincian Browser: Nama dan versi browser spesifik

Berikut adalah rincian struktur user agent yang umum untuk browser utama:

Chrome

1Mozilla/5.0 (platform; details) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/version Safari/537.36
2

Firefox

1Mozilla/5.0 (platform; rv:geckoversion) Gecko/geckotrail Firefox/firefoxversion
2

Safari

1Mozilla/5.0 (platform) AppleWebKit/webkitversion (KHTML, like Gecko) Version/safariversion Safari/safariversion
2

Edge

1Mozilla/5.0 (platform) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/chromiumversion Safari/537.36 Edg/edgeversion
2

Bagian platform bervariasi secara signifikan antara perangkat desktop dan mobile:

Contoh Desktop:

  • Windows: Windows NT 10.0; Win64; x64
  • macOS: Macintosh; Intel Mac OS X 10_15_7
  • Linux: X11; Linux x86_64

Contoh Mobile:

  • Android: Linux; Android 12; SM-G998B
  • iOS: iPhone; CPU iPhone OS 15_4 like Mac OS X

Perbedaan Jenis Perangkat

User Agent Desktop

User agent desktop biasanya menyertakan informasi sistem operasi tertentu, rincian arsitektur (seperti x86_64 atau Win64), dan kadang-kadang preferensi bahasa. Mereka cenderung lebih konsisten di seluruh browser dibandingkan dengan user agent mobile.

User Agent Mobile

User agent mobile berisi informasi model perangkat, versi sistem operasi mobile, dan sering kali menyertakan kata "Mobile" di akhir. Safari mobile di perangkat iOS akan menyertakan pengenal "iPhone" atau "iPad", sementara perangkat Android menyertakan produsen dan nomor model.

Pola Versi Browser

Setiap browser mengikuti pola penomoran versi yang berbeda:

  • Chrome: Menggunakan nomor versi empat bagian (misalnya, 96.0.4664.110)
  • Firefox: Biasanya menggunakan nomor versi dua atau tiga bagian (misalnya, 95.0 atau 95.0.2)
  • Safari: Menggunakan nomor versi sederhana seperti 15.2
  • Edge: Menggunakan nomor versi yang mirip dengan Chrome tetapi dengan versi Edge-nya sendiri (misalnya, 96.0.1054.62)

Kasus Penggunaan

Generasi user agent acak memiliki beberapa aplikasi penting dalam pengembangan dan pengujian web:

  1. Pengujian Kompatibilitas Lintas Browser: Uji bagaimana situs web Anda dirender dan berfungsi di berbagai browser tanpa perlu menginstal beberapa browser atau menggunakan beberapa perangkat.

  2. Pengujian Desain Responsif: Verifikasi bahwa situs web Anda dapat mendeteksi perangkat mobile dan desktop dengan benar dan menyajikan tata letak yang sesuai.

  3. Validasi Deteksi Fitur: Pastikan bahwa mekanisme deteksi fitur situs web Anda berfungsi dengan benar untuk berbagai kemampuan browser.

  4. Pengujian QA dan Otomatis: Mengintegrasikan berbagai user agent ke dalam skrip pengujian otomatis Anda untuk mensimulasikan berbagai lingkungan pengguna.

  5. Pengujian Kinerja: Menganalisis bagaimana situs web Anda berkinerja saat diakses dari berbagai lingkungan browser.

  6. Memecahkan Masalah Khusus Browser: Memproduksi dan memperbaiki bug yang hanya terjadi di browser atau versi tertentu.

  7. Pengujian API: Menguji bagaimana API Anda menangani permintaan dari berbagai aplikasi klien.

Alternatif

Meskipun pembuat user agent acak kami berguna untuk banyak skenario pengujian, ada pendekatan alternatif:

  1. Layanan Pengujian Browser: Platform seperti BrowserStack, Sauce Labs, atau LambdaTest menyediakan instance browser nyata untuk pengujian daripada hanya mensimulasikan user agent.

  2. Alat Pengembang Browser: Sebagian besar browser modern memungkinkan Anda untuk menimpa user agent melalui alat pengembang mereka, yang bisa berguna untuk pengujian cepat.

  3. Ekstensi Pengalih User Agent: Ekstensi browser yang memungkinkan Anda beralih antara user agent yang telah ditentukan saat menjelajah.

  4. Mesin Virtual atau Kontainer: Menjalankan instance nyata dari berbagai sistem operasi dan browser untuk pengujian yang paling akurat.

  5. Pengujian Browser Headless: Menggunakan alat seperti Puppeteer atau Selenium untuk mengontrol browser secara programatis dengan pengaturan user agent yang berbeda.

Setiap alternatif memiliki keunggulan tersendiri dan mungkin lebih sesuai tergantung pada kebutuhan pengujian dan sumber daya spesifik Anda.

Sejarah

Konsep string user agent sudah ada sejak awal hari-hari World Wide Web. Istilah "user agent" berasal dari spesifikasi HTTP, di mana ia merujuk pada aplikasi klien yang membuat permintaan ke server web.

Hari-Hari Awal (1990-an)

Browser pertama yang banyak digunakan, NCSA Mosaic, menyertakan string user agent sederhana yang mengidentifikasi nama dan versi browser. Ketika Netscape Navigator dirilis, ia menggunakan format serupa. Namun, ketika server web mulai menyajikan konten yang berbeda berdasarkan browser, praktik yang dikenal sebagai "penyaringan browser" muncul.

Perang Browser dan Penipuan User Agent (Akhir 1990-an)

Selama perang browser antara Netscape dan Internet Explorer, situs web sering menyajikan konten yang dioptimalkan secara eksklusif untuk browser tertentu. Untuk memastikan kompatibilitas, browser mulai menyertakan string yang mengidentifikasi diri mereka sebagai browser lain. Inilah sebabnya mengapa sebagian besar browser modern masih menyertakan "Mozilla" dalam string user agent mereka, sebagai referensi untuk nama kode Netscape Navigator.

Revolusi Mobile (2000-an-2010-an)

Munculnya perangkat mobile memperkenalkan kompleksitas baru pada string user agent. Browser mobile perlu mengidentifikasi diri mereka sebagai mobile untuk menerima konten yang sesuai, yang mengarah pada penambahan pengenal perangkat dan token khusus mobile.

Tantangan Modern (2010-an-Sekarang)

Seiring ekosistem web semakin kompleks, string user agent menjadi semakin rumit. Mereka sekarang mengandung referensi ke beberapa mesin browser (seperti "AppleWebKit" dan "Gecko") untuk alasan kompatibilitas, bahkan ketika mesin tersebut sebenarnya tidak digunakan.

Kompleksitas ini telah menyebabkan tantangan dalam mengurai string user agent secara akurat, dan beberapa kelompok standar web telah mengusulkan untuk mendepresiasi atau menyederhanakan string user agent demi petunjuk klien yang lebih terstruktur. Namun, demi alasan kompatibilitas ke belakang, string user agent tradisional tetap menjadi bagian penting dari penjelajahan web.

Contoh Kode

Berikut adalah contoh cara bekerja dengan string user agent dalam berbagai bahasa pemrograman:

1// JavaScript: Mendeteksi jenis browser dari user agent
2function detectBrowser() {
3  const userAgent = navigator.userAgent;
4  
5  if (userAgent.indexOf("Firefox") > -1) {
6    return "Firefox";
7  } else if (userAgent.indexOf("SamsungBrowser") > -1) {
8    return "Samsung Browser";
9  } else if (userAgent.indexOf("Opera") > -1 || userAgent.indexOf("OPR") > -1) {
10    return "Opera";
11  } else if (userAgent.indexOf("Trident") > -1) {
12    return "Internet Explorer";
13  } else if (userAgent.indexOf("Edge") > -1) {
14    return "Edge";
15  } else if (userAgent.indexOf("Chrome") > -1) {
16    return "Chrome";
17  } else if (userAgent.indexOf("Safari") > -1) {
18    return "Safari";
19  } else {
20    return "Tidak Dikenal";
21  }
22}
23
24// Penggunaan
25console.log("Anda menggunakan: " + detectBrowser());
26

Pola User Agent Umum

Berikut adalah beberapa contoh string user agent nyata untuk berbagai browser dan platform:

Browser Desktop

Chrome di Windows:

1Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36
2

Firefox di macOS:

1Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:95.0) Gecko/20100101 Firefox/95.0
2

Safari di macOS:

1Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.2 Safari/605.1.15
2

Edge di Windows:

1Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36 Edg/96.0.1054.62
2

Browser Mobile

Chrome di Android:

1Mozilla/5.0 (Linux; Android 12; SM-G998B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.104 Mobile Safari/537.36
2

Safari di iPhone:

1Mozilla/5.0 (iPhone; CPU iPhone OS 15_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.2 Mobile/15E148 Safari/604.1
2

Firefox di Android:

1Mozilla/5.0 (Android 12; Mobile; rv:95.0) Gecko/95.0 Firefox/95.0
2

Internet Samsung di Galaxy:

1Mozilla/5.0 (Linux; Android 12; SM-G998B) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/16.0 Chrome/92.0.4515.166 Mobile Safari/537.36
2

Referensi

  1. "User Agent." MDN Web Docs, Mozilla, https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/User-Agent

  2. "String User Agent Browser." WhatIsMyBrowser.com, https://www.whatismybrowser.com/guides/the-latest-user-agent/

  3. "Header User-Agent HTTP Dijelaskan." KeyCDN, https://www.keycdn.com/support/user-agent

  4. "Petunjuk Klien." MDN Web Docs, Mozilla, https://developer.mozilla.org/en-US/docs/Web/HTTP/Client_hints

  5. "Sejarah string user-agent browser." WebAIM, https://webaim.org/blog/user-agent-string-history/

  6. "Deteksi Browser Menggunakan User Agent." Google Developers, https://developer.chrome.com/docs/multidevice/user-agent/