Penjana User Agent Rawak untuk Ujian Pembangunan Web

Penjana User Agent Rawak

Pengenalan

String User Agent adalah pengenal teks tertentu yang dihantar oleh pelayar web dan aplikasi lain kepada laman web untuk mengenal pasti diri mereka. String ini biasanya mengandungi maklumat tentang pelayar, sistem pengendalian, jenis peranti, dan enjin pemaparan yang digunakan. Bagi pemaju web dan penguji, mempunyai akses kepada pelbagai string user agent yang kelihatan realistik adalah penting untuk menguji keserasian, responsif, dan fungsi laman web di pelbagai platform.

Alat Penjana User Agent Rawak ini mencipta string user agent yang kelihatan asli berdasarkan parameter yang anda pilih. Anda boleh menapis mengikut jenis peranti (desktop atau mudah alih), keluarga pelayar (Chrome, Firefox, Safari, atau Edge), dan sistem pengendalian untuk menghasilkan user agent yang sepadan dengan keperluan pengujian anda. Alat ini menyediakan antara muka yang mudah dengan pilihan untuk menyalin string yang dihasilkan dengan satu klik dan menghasilkan string rawak baru dengan segera.

Struktur User Agent

String user agent mengikuti pola tertentu bergantung pada pelayar dan platform, tetapi secara amnya mengandungi beberapa komponen umum:

Pengenal Pelayar: Biasanya bermula dengan "Mozilla/5.0" untuk alasan keserasian sejarah
Maklumat Platform/Sistem Operasi: Butiran tentang sistem pengendalian (Windows, macOS, Android, iOS)
Enjin Pelayar: Enjin pemaparan (seperti Gecko, WebKit, atau Blink)
Butiran Pelayar: Nama dan versi pelayar tertentu

Berikut adalah pecahan struktur user agent yang tipikal untuk pelayar 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

Bahagian platform berbeza dengan ketara antara peranti desktop dan mudah alih:

Contoh Desktop:

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

Contoh Mudah Alih:

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

Perbezaan Jenis Peranti

User Agents Desktop

User agents desktop biasanya termasuk maklumat sistem pengendalian tertentu, butiran seni bina (seperti x86_64 atau Win64), dan kadang-kadang pilihan bahasa. Mereka cenderung lebih konsisten di seluruh pelayar berbanding user agents mudah alih.

User Agents Mudah Alih

User agents mudah alih mengandungi maklumat model peranti, versi sistem pengendalian mudah alih, dan sering kali termasuk perkataan "Mobile" di akhir. Safari mudah alih pada peranti iOS akan termasuk pengenalan "iPhone" atau "iPad", manakala peranti Android termasuk pengeluar dan nombor model.

Corak Versi Pelayar

Setiap pelayar mengikuti corak penomboran versi yang berbeza:

Chrome: Menggunakan nombor versi empat bahagian (contoh: 96.0.4664.110)
Firefox: Biasanya menggunakan nombor versi dua atau tiga bahagian (contoh: 95.0 atau 95.0.2)
Safari: Menggunakan nombor versi mudah seperti 15.2
Edge: Menggunakan nombor versi yang serupa dengan Chrome tetapi dengan versi Edge sendiri (contoh: 96.0.1054.62)

Kes Penggunaan

Penjanaan user agent rawak mempunyai beberapa aplikasi penting dalam pembangunan dan pengujian web:

Ujian Keserasian Pelayar Merentas: Uji bagaimana laman web anda dipaparkan dan berfungsi di pelbagai pelayar tanpa perlu memasang pelbagai pelayar atau menggunakan pelbagai peranti.
Ujian Reka Bentuk Responsif: Sahkan bahawa laman web anda dengan betul mengesan peranti mudah alih dan desktop dan menyajikan susun atur yang sesuai.
Pengesahan Pengesanan Ciri: Pastikan bahawa mekanisme pengesanan ciri laman web anda berfungsi dengan betul untuk pelbagai keupayaan pelayar.
Ujian QA dan Automatik: Sertakan pelbagai user agent dalam skrip ujian automatik anda untuk mensimulasikan pelbagai persekitaran pengguna.
Ujian Prestasi: Analisis bagaimana laman web anda berfungsi apabila diakses dari pelbagai persekitaran pelayar.
Menyelesaikan Masalah Isu Spesifik Pelayar: Menghasilkan semula dan membetulkan pepijat yang hanya berlaku di pelayar atau versi tertentu.
Ujian API: Uji bagaimana API anda mengendalikan permintaan dari aplikasi klien yang berbeza.

Alternatif

Walaupun penjana user agent rawak kami berguna untuk banyak senario pengujian, terdapat pendekatan alternatif:

Perkhidmatan Ujian Pelayar: Platform seperti BrowserStack, Sauce Labs, atau LambdaTest menyediakan contoh pelayar sebenar untuk pengujian dan bukannya hanya mensimulasikan user agent.
Alat Pembangun Pelayar: Kebanyakan pelayar moden membenarkan anda mengatasi user agent melalui alat pembangun mereka, yang boleh berguna untuk ujian cepat.
Penyambung Penukar User Agent: Penyambung pelayar yang membolehkan anda bertukar antara user agent yang telah ditentukan semasa melayari.
Mesin Maya atau Kontena: Menjalankan contoh sebenar sistem pengendalian dan pelayar yang berbeza untuk pengujian yang paling tepat.
Ujian Pelayar Tanpa Antara Muka: Menggunakan alat seperti Puppeteer atau Selenium untuk mengawal pelayar secara programatik dengan tetapan user agent yang berbeza.

Setiap alternatif mempunyai kelebihan tersendiri dan mungkin lebih sesuai bergantung kepada keperluan dan sumber pengujian khusus anda.

Sejarah

Konsep string user agent bermula sejak zaman awal World Wide Web. Istilah "user agent" berasal dari spesifikasi HTTP, di mana ia merujuk kepada aplikasi klien yang membuat permintaan kepada pelayan web.

Zaman Awal (1990-an)

Pelayar pertama yang digunakan secara meluas, NCSA Mosaic, termasuk string user agent yang sederhana yang mengenal pasti nama dan versi pelayar. Apabila Netscape Navigator dilancarkan, ia menggunakan format yang serupa. Walau bagaimanapun, apabila pelayan web mula menyampaikan kandungan yang berbeza berdasarkan pelayar, amalan yang dikenali sebagai "penyaringan pelayar" muncul.

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

Semasa perang pelayar antara Netscape dan Internet Explorer, laman web sering kali menyajikan kandungan yang dioptimumkan secara eksklusif untuk pelayar tertentu. Untuk memastikan keserasian, pelayar mula menyertakan string yang mengenal pasti diri mereka sebagai pelayar lain. Inilah sebabnya mengapa kebanyakan pelayar moden masih menyertakan "Mozilla" dalam string user agent mereka, merujuk kepada nama kod Netscape Navigator.

Revolusi Mudah Alih (2000-an-2010-an)

Kebangkitan peranti mudah alih memperkenalkan kompleksiti baru kepada string user agent. Pelayar mudah alih perlu mengenal pasti diri mereka sebagai mudah alih untuk menerima kandungan yang sesuai, yang membawa kepada penambahan pengenalan peranti dan token khusus mudah alih.

Cabaran Moden (2010-an-Sekarang)

Dengan pertumbuhan ekosistem web yang semakin kompleks, string user agent telah menjadi semakin rumit. Mereka kini mengandungi rujukan kepada pelbagai enjin pelayar (seperti "AppleWebKit" dan "Gecko") untuk alasan keserasian, walaupun enjin-enjin tersebut tidak digunakan.

Kompleksiti ini telah membawa kepada cabaran dalam menganalisis string user agent dengan tepat, dan beberapa kumpulan standard web telah mencadangkan untuk menghentikan atau menyederhanakan string user agent demi petunjuk klien yang lebih terstruktur. Walau bagaimanapun, untuk alasan keserasian ke belakang, string user agent tradisional masih merupakan bahagian penting dalam pelayaran web.

Contoh Kod

Berikut adalah contoh cara bekerja dengan string user agent dalam pelbagai bahasa pengaturcaraan:

1// JavaScript: Mengesan jenis pelayar 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 Dikenali";
21  }
22}
23
24// Penggunaan
25console.log("Anda menggunakan: " + detectBrowser());
26

1# Python: Menetapkan user agent khusus dalam permintaan
2import requests
3
4def fetch_with_user_agent(url, user_agent):
5    headers = {
6        'User-Agent': user_agent
7    }
8    response = requests.get(url, headers=headers)
9    return response.text
10
11# Contoh penggunaan
12chrome_ua = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36'
13content = fetch_with_user_agent('https://example.com', chrome_ua)
14print(content[:100])  # Cetak 100 aksara pertama dari respons
15

1<?php
2// PHP: Mengesan peranti mudah alih menggunakan user agent
3function isMobileDevice() {
4    $userAgent = $_SERVER['HTTP_USER_AGENT'];
5    $mobileKeywords = array('Mobile', 'Android', 'iPhone', 'iPad', 'Windows Phone');
6    
7    foreach ($mobileKeywords as $keyword) {
8        if (stripos($userAgent, $keyword) !== false) {
9            return true;
10        }
11    }
12    return false;
13}
14
15// Penggunaan
16if (isMobileDevice()) {
17    echo "Anda menggunakan peranti mudah alih.";
18} else {
19    echo "Anda menggunakan peranti desktop.";
20}
21?>
22

1// Java: Menghasilkan user agent rawak
2import java.util.Random;
3
4public class UserAgentGenerator {
5    private static final String[] CHROME_VERSIONS = {"96.0.4664.110", "95.0.4638.69", "94.0.4606.81"};
6    private static final String[] OS_VERSIONS = {"Windows NT 10.0; Win64; x64", 
7                                               "Macintosh; Intel Mac OS X 10_15_7",
8                                               "X11; Linux x86_64"};
9    
10    public static String generateRandomChromeUserAgent() {
11        Random random = new Random();
12        String osVersion = OS_VERSIONS[random.nextInt(OS_VERSIONS.length)];
13        String chromeVersion = CHROME_VERSIONS[random.nextInt(CHROME_VERSIONS.length)];
14        
15        return "Mozilla/5.0 (" + osVersion + ") AppleWebKit/537.36 (KHTML, like Gecko) " +
16               "Chrome/" + chromeVersion + " Safari/537.36";
17    }
18    
19    public static void main(String[] args) {
20        System.out.println(generateRandomChromeUserAgent());
21    }
22}
23

1# Ruby: Menganalisis string user agent
2require 'user_agent_parser'
3
4def parse_user_agent(user_agent_string)
5  parser = UserAgentParser::Parser.new
6  client = parser.parse(user_agent_string)
7  
8  {
9    browser_name: client.family,
10    browser_version: client.version.to_s,
11    os_name: client.os.family,
12    os_version: client.os.version.to_s,
13    device: client.device.family
14  }
15end
16
17# Contoh penggunaan
18ua = 'Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Mobile/15E148 Safari/604.1'
19info = parse_user_agent(ua)
20puts info
21

1// C#: Menetapkan user agent dalam HttpClient
2using System;
3using System.Net.Http;
4using System.Threading.Tasks;
5
6class Program
7{
8    static async Task Main()
9    {
10        // Buat HttpClient dengan user agent khusus
11        using (var httpClient = new HttpClient())
12        {
13            string userAgent = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36";
14            httpClient.DefaultRequestHeaders.UserAgent.ParseAdd(userAgent);
15            
16            try
17            {
18                // Buat permintaan dengan user agent khusus
19                HttpResponseMessage response = await httpClient.GetAsync("https://example.com");
20                response.EnsureSuccessStatusCode();
21                string responseBody = await response.Content.ReadAsStringAsync();
22                
23                Console.WriteLine($"Respons diterima dengan kod status: {response.StatusCode}");
24                Console.WriteLine(responseBody.Substring(0, 100) + "..."); // 100 aksara pertama
25            }
26            catch (HttpRequestException e)
27            {
28                Console.WriteLine($"Ralat permintaan: {e.Message}");
29            }
30        }
31    }
32}
33

1// Go: Membuat permintaan HTTP dengan user agents khusus
2package main
3
4import (
5    "fmt"
6    "io/ioutil"
7    "net/http"
8)
9
10func main() {
11    // Buat permintaan baru
12    req, err := http.NewRequest("GET", "https://example.com", nil)
13    if err != nil {
14        fmt.Printf("Ralat membuat permintaan: %s\n", err)
15        return
16    }
17    
18    // Tetapkan user agent khusus
19    req.Header.Set("User-Agent", "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36")
20    
21    // Hantar permintaan
22    client := &http.Client{}
23    resp, err := client.Do(req)
24    if err != nil {
25        fmt.Printf("Ralat menghantar permintaan: %s\n", err)
26        return
27    }
28    defer resp.Body.Close()
29    
30    // Baca respons
31    body, err := ioutil.ReadAll(resp.Body)
32    if err != nil {
33        fmt.Printf("Ralat membaca respons: %s\n", err)
34        return
35    }
36    
37    fmt.Printf("Status respons: %s\n", resp.Status)
38    fmt.Printf("Pratonton badan respons: %s\n", body[:100])
39}
40

Corak User Agent Biasa

Berikut adalah beberapa contoh string user agent sebenar untuk pelbagai pelayar dan platform:

Pelayar 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

Pelayar Mudah Alih

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

Rujukan

"User Agent." MDN Web Docs, Mozilla, https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/User-Agent
"Browser User Agent Strings." WhatIsMyBrowser.com, https://www.whatismybrowser.com/guides/the-latest-user-agent/
"HTTP User-Agent Header Explained." KeyCDN, https://www.keycdn.com/support/user-agent
"Client Hints." MDN Web Docs, Mozilla, https://developer.mozilla.org/en-US/docs/Web/HTTP/Client_hints
"History of the browser user-agent string." WebAIM, https://webaim.org/blog/user-agent-string-history/
"Browser Detection Using the User Agent." Google Developers, https://developer.chrome.com/docs/multidevice/user-agent/

Whiz Tools

Penjana User Agent Rawak untuk Ujian Pembangunan Web

Penjana Agen Pengguna Rawak

Agen Pengguna Dihasilkan

Dokumentasi