เครื่องสร้าง User Agent แบบสุ่มสำหรับการทดสอบการพัฒนาเว็บ

สร้างสตริง User Agent ของเบราว์เซอร์ที่สมจริงพร้อมตัวเลือกในการกรองตามประเภทอุปกรณ์, ครอบครัวเบราว์เซอร์, และระบบปฏิบัติการ เหมาะสำหรับการทดสอบการพัฒนาเว็บและการตรวจสอบความเข้ากันได้

ตัวสร้าง User Agent แบบสุ่ม

สร้างสตริง User Agent ของเบราว์เซอร์ที่สมจริงและสุ่มสำหรับการทดสอบการพัฒนาเว็บ.

ตัวสร้าง User Agent ที่สร้างขึ้น

คัดลอก
📚

เอกสารประกอบการใช้งาน

ตัวสร้าง User Agent แบบสุ่ม

บทนำ

สตริง User Agent เป็นตัวระบุข้อความเฉพาะที่เว็บเบราว์เซอร์และแอปพลิเคชันอื่น ๆ ส่งไปยังเว็บไซต์เพื่อระบุว่าตนเองเป็นใคร สตริงนี้มักประกอบด้วยข้อมูลเกี่ยวกับเบราว์เซอร์ ระบบปฏิบัติการ ประเภทอุปกรณ์ และเครื่องมือในการเรนเดอร์ที่กำลังใช้งาน สำหรับนักพัฒนาเว็บและผู้ทดสอบ การเข้าถึงสตริง User Agent ที่หลากหลายและสมจริงเป็นสิ่งจำเป็นสำหรับการทดสอบความเข้ากันได้ การตอบสนอง และฟังก์ชันการทำงานของเว็บไซต์ในแพลตฟอร์มที่แตกต่างกัน

เครื่องมือสร้าง User Agent แบบสุ่มนี้สร้างสตริง User Agent ที่ดูสมจริงตามพารามิเตอร์ที่คุณเลือก คุณสามารถกรองตามประเภทอุปกรณ์ (เดสก์ท็อปหรือมือถือ) ครอบครัวเบราว์เซอร์ (Chrome, Firefox, Safari หรือ Edge) และระบบปฏิบัติการเพื่อสร้าง User Agent ที่ตรงกับความต้องการในการทดสอบของคุณ เครื่องมือนี้มีอินเทอร์เฟซที่เรียบง่ายพร้อมตัวเลือกในการคัดลอกสตริงที่สร้างขึ้นด้วยการคลิกเพียงครั้งเดียวและสร้างสตริงใหม่แบบสุ่มได้ทันที

โครงสร้าง User Agent

สตริง User Agent จะมีรูปแบบเฉพาะตามเบราว์เซอร์และแพลตฟอร์ม แต่โดยทั่วไปจะประกอบด้วยหลายส่วนที่พบบ่อย:

  1. ตัวระบุเบราว์เซอร์: มักเริ่มต้นด้วย "Mozilla/5.0" เพื่อความเข้ากันได้ในประวัติศาสตร์
  2. ข้อมูลแพลตฟอร์ม/OS: รายละเอียดเกี่ยวกับระบบปฏิบัติการ (Windows, macOS, Android, iOS)
  3. เครื่องมือเบราว์เซอร์: เครื่องมือในการเรนเดอร์ (เช่น Gecko, WebKit หรือ Blink)
  4. รายละเอียดเบราว์เซอร์: ชื่อและเวอร์ชันของเบราว์เซอร์เฉพาะ

นี่คือการแบ่งส่วนของโครงสร้าง User Agent ที่พบบ่อยสำหรับเบราว์เซอร์หลัก:

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

ส่วนแพลตฟอร์มจะแตกต่างกันอย่างมากระหว่างอุปกรณ์เดสก์ท็อปและมือถือ:

ตัวอย่างเดสก์ท็อป:

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

ตัวอย่างมือถือ:

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

ความแตกต่างของประเภทอุปกรณ์

User Agents เดสก์ท็อป

User Agents เดสก์ท็อปมักจะรวมข้อมูลเกี่ยวกับระบบปฏิบัติการ ข้อมูลสถาปัตยกรรม (เช่น x86_64 หรือ Win64) และบางครั้งรวมถึงการตั้งค่าภาษา พวกเขามักจะมีความสอดคล้องกันมากกว่าระหว่างเบราว์เซอร์มากกว่า User Agents มือถือ

User Agents มือถือ

User Agents มือถือจะมีข้อมูลเกี่ยวกับรุ่นอุปกรณ์ ระบบปฏิบัติการมือถือ และมักจะรวมคำว่า "Mobile" ที่ท้าย User Agent Safari บนอุปกรณ์ iOS จะรวมตัวระบุ "iPhone" หรือ "iPad" ในขณะที่อุปกรณ์ Android จะรวมผู้ผลิตและหมายเลขรุ่น

รูปแบบเวอร์ชันเบราว์เซอร์

แต่ละเบราว์เซอร์จะมีรูปแบบการตั้งเวอร์ชันที่แตกต่างกัน:

  • Chrome: ใช้หมายเลขเวอร์ชันแบบสี่ส่วน (เช่น 96.0.4664.110)
  • Firefox: โดยทั่วไปจะใช้หมายเลขเวอร์ชันสองหรือสามส่วน (เช่น 95.0 หรือ 95.0.2)
  • Safari: ใช้หมายเลขเวอร์ชันที่เรียบง่ายเช่น 15.2
  • Edge: ใช้หมายเลขเวอร์ชันที่คล้ายกับ Chrome แต่มีเวอร์ชัน Edge ของตนเอง (เช่น 96.0.1054.62)

กรณีการใช้งาน

การสร้าง User Agent แบบสุ่มมีแอปพลิเคชันที่สำคัญหลายประการในด้านการพัฒนาเว็บและการทดสอบ:

  1. การทดสอบความเข้ากันได้ระหว่างเบราว์เซอร์: ทดสอบว่าเว็บไซต์ของคุณแสดงผลและทำงานอย่างไรในเบราว์เซอร์ที่แตกต่างกันโดยไม่จำเป็นต้องติดตั้งเบราว์เซอร์หลายตัวหรือใช้อุปกรณ์หลายตัว

  2. การทดสอบการออกแบบที่ตอบสนอง: ตรวจสอบว่าเว็บไซต์ของคุณตรวจจับอุปกรณ์มือถือและเดสก์ท็อปได้อย่างถูกต้องและให้เลย์เอาต์ที่เหมาะสม

  3. การตรวจสอบการตรวจจับฟีเจอร์: ตรวจสอบว่ากลไกการตรวจจับฟีเจอร์ของเว็บไซต์ของคุณทำงานอย่างถูกต้องสำหรับความสามารถของเบราว์เซอร์ที่แตกต่างกัน

  4. การทดสอบ QA และการทดสอบอัตโนมัติ: รวม User Agents ที่แตกต่างกันลงในสคริปต์การทดสอบอัตโนมัติของคุณเพื่อจำลองสภาพแวดล้อมผู้ใช้ที่แตกต่างกัน

  5. การทดสอบประสิทธิภาพ: วิเคราะห์ว่าเว็บไซต์ของคุณทำงานอย่างไรเมื่อเข้าถึงจากสภาพแวดล้อมเบราว์เซอร์ที่แตกต่างกัน

  6. การแก้ไขปัญหาที่เฉพาะเจาะจงกับเบราว์เซอร์: ทำซ้ำและแก้ไขข้อบกพร่องที่เกิดขึ้นเฉพาะในเบราว์เซอร์หรือเวอร์ชันเฉพาะ

  7. การทดสอบ API: ทดสอบว่า API ของคุณจัดการคำขอจากแอปพลิเคชันลูกค้าที่แตกต่างกันได้อย่างไร

ทางเลือก

ในขณะที่เครื่องมือสร้าง User Agent แบบสุ่มของเรามีประโยชน์สำหรับหลายสถานการณ์การทดสอบ แต่ก็มีวิธีการทางเลือก:

  1. บริการทดสอบเบราว์เซอร์: แพลตฟอร์มเช่น BrowserStack, Sauce Labs หรือ LambdaTest ให้เบราว์เซอร์จริงสำหรับการทดสอบแทนที่จะจำลอง User Agent เพียงอย่างเดียว

  2. เครื่องมือพัฒนาเบราว์เซอร์: เบราว์เซอร์สมัยใหม่ส่วนใหญ่อนุญาตให้คุณแทนที่ User Agent ผ่านเครื่องมือพัฒนา ซึ่งอาจมีประโยชน์สำหรับการทดสอบอย่างรวดเร็ว

  3. ส่วนขยาย User Agent Switcher: ส่วนขยายเบราว์เซอร์ที่อนุญาตให้คุณสลับระหว่าง User Agents ที่กำหนดไว้ล่วงขณะท่องเว็บ

  4. เครื่องเสมือนหรือคอนเทนเนอร์: รันอินสแตนซ์จริงของระบบปฏิบัติการและเบราว์เซอร์ที่แตกต่างกันเพื่อการทดสอบที่แม่นยำที่สุด

  5. การทดสอบเบราว์เซอร์แบบ Headless: ใช้เครื่องมือเช่น Puppeteer หรือ Selenium เพื่อควบคุมเบราว์เซอร์ด้วยการตั้งค่า User Agent ที่แตกต่างกันในเชิงโปรแกรม

ทางเลือกแต่ละอย่างมีข้อดีของตนเองและอาจเหมาะสมกว่าขึ้นอยู่กับความต้องการและทรัพยากรในการทดสอบเฉพาะของคุณ

ประวัติ

แนวคิดของสตริง User Agent มีมาตั้งแต่ยุคแรก ๆ ของ World Wide Web คำว่า "User Agent" มาจากข้อกำหนด HTTP ซึ่งหมายถึงแอปพลิเคชันไคลเอนต์ที่ทำการร้องขอไปยังเซิร์ฟเวอร์เว็บ

วันแรก (1990s)

เบราว์เซอร์ที่ใช้กันอย่างแพร่หลายตัวแรกคือ NCSA Mosaic ซึ่งรวมถึงสตริง User Agent ที่เรียบง่ายซึ่งระบุชื่อและเวอร์ชันของเบราว์เซอร์ เมื่อ Netscape Navigator ถูกปล่อยออกมา มันใช้รูปแบบที่คล้ายกัน อย่างไรก็ตามเมื่อเซิร์ฟเวอร์เว็บเริ่มให้บริการเนื้อหาที่แตกต่างตามเบราว์เซอร์ จึงเกิดแนวปฏิบัติที่เรียกว่า "การตรวจจับเบราว์เซอร์" ขึ้น

สงครามเบราว์เซอร์และการปลอมแปลง User Agent (ปลายทศวรรษ 1990)

ในช่วงสงครามเบราว์เซอร์ระหว่าง Netscape และ Internet Explorer เว็บไซต์มักจะให้บริการเนื้อหาที่ปรับให้เหมาะสมเฉพาะกับเบราว์เซอร์บางตัว เพื่อให้แน่ใจว่ามีความเข้ากันได้ เบราว์เซอร์จึงเริ่มรวมสตริงที่ระบุว่าตนเองเป็นเบราว์เซอร์อื่น นี่คือเหตุผลที่เบราว์เซอร์สมัยใหม่ส่วนใหญ่ยังคงรวม "Mozilla" ในสตริง User Agent ของตน ซึ่งเป็นการอ้างอิงถึงชื่อรหัสของ Netscape Navigator

การปฏิวัติมือถือ (2000s-2010s)

การเพิ่มขึ้นของอุปกรณ์มือถือได้นำความซับซ้อนใหม่มาสู่สตริง User Agent เบราว์เซอร์มือถือจำเป็นต้องระบุว่าตนเองเป็นมือถือเพื่อให้ได้รับเนื้อหาที่เหมาะสม ซึ่งนำไปสู่การเพิ่มตัวระบุอุปกรณ์และโทเค็นเฉพาะมือถือ

ความท้าท้ายสมัยใหม่ (2010s-ปัจจุบัน)

เมื่อระบบนิเวศของเว็บเติบโตขึ้นอย่างซับซ้อน สตริง User Agent จึงกลายเป็นเรื่องที่ยุ่งเหยิงมากขึ้น พวกเขาตอนนี้มีการอ้างอิงถึงเครื่องมือเบราว์เซอร์หลายตัว (เช่น "AppleWebKit" และ "Gecko") เพื่อความเข้ากันได้ แม้ว่าจะไม่ได้ใช้เครื่องมือเหล่านั้นจริง ๆ ก็ตาม

ความซับซ้อนนี้ได้นำไปสู่ความท้าทายในการวิเคราะห์สตริง User Agent อย่างถูกต้อง และกลุ่มมาตรฐานเว็บบางกลุ่มได้เสนอให้ยกเลิกหรือทำให้สตริง User Agent เรียบง่ายขึ้นเพื่อสนับสนุน Client Hints ที่มีโครงสร้างมากขึ้น อย่างไรก็ตาม เพื่อเหตุผลด้านความเข้ากันได้ในอดีต สตริง User Agent แบบดั้งเดิมยังคงเป็นส่วนสำคัญของการท่องเว็บ

ตัวอย่างโค้ด

นี่คือตัวอย่างวิธีการทำงานกับสตริง User Agent ในภาษาโปรแกรมต่าง ๆ:

1// JavaScript: ตรวจจับประเภทเบราว์เซอร์จากสตริง 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 "Unknown";
21  }
22}
23
24// การใช้งาน
25console.log("คุณกำลังใช้งาน: " + detectBrowser());
26

รูปแบบ User Agent ที่พบบ่อย

นี่คือตัวอย่างของสตริง User Agent ที่แท้จริงสำหรับเบราว์เซอร์และแพลตฟอร์มต่าง ๆ:

เบราว์เซอร์เดสก์ท็อป

Chrome บน 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 บน macOS:

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

Safari บน 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 บน 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

เบราว์เซอร์มือถือ

Chrome บน 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 บน 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 บน Android:

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

Samsung Internet บน 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

อ้างอิง

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

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

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

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

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

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

🔗

เครื่องมือที่เกี่ยวข้อง

ค้นพบเครื่องมือเพิ่มเติมที่อาจมีประโยชน์สำหรับการทำงานของคุณ

เครื่องสร้างตำแหน่งสุ่ม: ผู้สร้างพิกัดทั่วโลก

ลองใช้เครื่องมือนี้

เครื่องมือสร้าง UUID สำหรับแอปพลิเคชันต่างๆ

ลองใช้เครื่องมือนี้

เครื่องสร้างชื่อโปรเจคแบบสุ่ม

ลองใช้เครื่องมือนี้

เครื่องสร้างคีย์ API แบบสุ่ม: สร้างสตริงที่ปลอดภัยยาว 32 ตัวอักษร

ลองใช้เครื่องมือนี้

เครื่องมือสร้าง ObjectID สำหรับ MongoDB ที่ไม่ซ้ำกัน

ลองใช้เครื่องมือนี้

ตัวสร้าง Nano ID ที่ปลอดภัยและไม่ซ้ำกัน

ลองใช้เครื่องมือนี้

เครื่องสร้างหมายเลข CPF สำหรับการทดสอบและพัฒนา

ลองใช้เครื่องมือนี้

เครื่องสร้างและวิเคราะห์ ID Snowflake ของ Twitter

ลองใช้เครื่องมือนี้

เครื่องมือสร้างและตรวจสอบ IBAN สำหรับการทดสอบและการตรวจสอบ

ลองใช้เครื่องมือนี้

เครื่องมือสร้าง MD5 Hash

ลองใช้เครื่องมือนี้