บล็อกนี้จะอธิบายวิธีการรับตัวแทนผู้ใช้ใน JavaScript
จะรับ User Agent ใน JavaScript ได้อย่างไร
“ userAgent ” คุณสมบัติให้ส่วนหัวของตัวแทนผู้ใช้ซึ่งเบราว์เซอร์ส่งไปยังเซิร์ฟเวอร์ สามารถเรียกตัวแทนผู้ใช้โดยใช้“ userAgent ” คุณสมบัติในสถานการณ์ต่างๆ สถานการณ์เหล่านี้มีดังนี้:
ตัวอย่างที่ 1: รับตัวแทนผู้ใช้ใน JavaScript โดยใช้ฟังก์ชันที่ผู้ใช้กำหนด
ตัวอย่างนี้สามารถนำไปใช้เพื่อรับตัวแทนผู้ใช้ของสองเบราว์เซอร์ที่แตกต่างกันด้วยความช่วยเหลือของฟังก์ชันที่ผู้ใช้กำหนดเอง
มาดู code-snippet ต่อไปนี้กัน:
< h3 > รับตัวแทนผู้ใช้ ใน JavaScript h3 >
< ปุ่ม onclick = 'userAgent()' > คลิกเพื่อ รับ ตัวแทนผู้ใช้ ปุ่ม >
< h3 id = 'อีกครั้ง' สไตล์ = 'สีพื้นหลัง: ฟ้าอ่อน;' > h3 >
ในรหัสด้านบน:
- ในขั้นตอนแรก ให้รวมหัวข้อที่ระบุไว้
- หลังจากนั้นให้สร้างปุ่มที่มีไฟล์แนบ “ เมื่อคลิก ” เหตุการณ์ที่เรียกใช้ฟังก์ชันที่ผู้ใช้กำหนด userAgent()
- ในขั้นตอนต่อไป ให้รวมหัวเรื่องที่ระบุ “ id ” เพื่อให้มีผลลัพธ์ “ ตัวแทนผู้ใช้ ”
มาต่อกันที่ส่วน JavaScript ของโค้ดกัน:
การทำงาน userAgent ( ) {อนุญาต รับ = เนวิเกเตอร์ userAgent ;
เอกสาร. getElementById ( 'อีกครั้ง' ) . innerHTML = 'ตัวแทนผู้ใช้คือ:' + รับ ;
}
ในโค้ด js ด้านบน ให้ทำตามขั้นตอนต่อไปนี้:
- ประกาศฟังก์ชั่นชื่อ “ userAgent() ”
- ในคำจำกัดความ ใช้คำว่า “ userAgent ” ซึ่งจะส่งคืนข้อมูลเกี่ยวกับชื่อเบราว์เซอร์ เวอร์ชัน ฯลฯ
เอาต์พุต (สำหรับเบราว์เซอร์ Chrome)
เอาต์พุต (สำหรับเบราว์เซอร์ Microsoft Edge)
จากผลลัพธ์ข้างต้น สามารถสังเกตความแตกต่างของตัวแทนผู้ใช้ในเบราว์เซอร์ทั้งสองได้
ตัวอย่างที่ 2: รับ User Agent ใน JavaScript โดยใช้คำสั่ง Switch
“ สวิตซ์ ” ใช้เพื่อประยุกต์ใช้เงื่อนไขต่างๆ กับการกระทำ คำสั่งนี้สามารถนำไปใช้ตรวจสอบกับเบราว์เซอร์ต่างๆ เพื่อส่งคืนตัวแทนผู้ใช้ที่เกี่ยวข้อง
ไวยากรณ์
สตริง ดัชนีของ ( ค้นหา , เริ่ม )ในไวยากรณ์ที่กำหนด:
- “ ค้นหา ” หมายถึงสตริงที่จะค้นหา
- “ เริ่ม ” หมายถึงตำแหน่งเริ่มต้น
ตัวอย่าง
มาดูตัวอย่างต่อไปนี้กัน
ในตัวอย่างต่อไปนี้ ให้ทำตามขั้นตอนต่อไปนี้:
- รวม “ หัวเรื่อง ” เพื่อให้มีข้อความผลลัพธ์
- สร้างฟังก์ชันและใช้งาน “ สวิตซ์ ” พร้อมระบุ “ บูลีน ” มีค่าเป็นพารามิเตอร์
- ในคำจำกัดความให้ใช้กาเครื่องหมายที่ระบุว่า “ เบราว์เซอร์ ” โดยจัดการข้อยกเว้นของ “ -1 ” นั่นคือไม่พบค่า
- ยังใช้ “ ดัชนีของ() ” เพื่อตรวจสอบสตริงที่มีอยู่ในพารามิเตอร์ในตัวแทนผู้ใช้ที่เป็นผลลัพธ์ เงื่อนไขนี้จะส่งผลให้มีการกำหนดค่าเบราว์เซอร์ที่เกี่ยวข้อง
- หลังจากนั้นให้ใช้ “ userAgent ” ทรัพย์สินพร้อมกับ “ ตัวพิมพ์เล็ก() ” วิธีรับตัวแทนผู้ใช้ของเบราว์เซอร์ที่เกี่ยวข้องและแปลงเป็นตัวพิมพ์เล็ก
- สุดท้าย ใช้ “ innerText ” เพื่อแสดงชื่อเบราว์เซอร์ที่เกี่ยวข้องพร้อมกับตัวแทนผู้ใช้
< h3 > h3 >
ร่างกาย >
- 1 :
กลับ 'เอ็มเอส เอดจ์' ;
กรณี ตัวแทน. ดัชนีของ ( 'ขอบ/' ) > - 1 :
กลับ 'ขอบ (ตามโครเมียม)' ;
กรณี ตัวแทน. ดัชนีของ ( 'โอพีอาร์' ) > - 1 && !! หน้าต่าง. opr :
กลับ 'โอเปร่า' ;
กรณี ตัวแทน. ดัชนีของ ( 'โครเมียม' ) > - 1 && !! หน้าต่าง. โครเมียม :
กลับ 'โครเมียม' ;
กรณี ตัวแทน. ดัชนีของ ( 'ซาฟารี' ) > - 1 :
กลับ 'ซาฟารี' ;
ค่าเริ่มต้น : กลับ 'อื่นๆ' ;
} } )
( หน้าต่าง. เนวิเกเตอร์ . userAgent . ตัวพิมพ์เล็ก ( ) ) ;
เอกสาร. แบบสอบถามตัวเลือก ( 'เอช3' ) . innerText = “คุณกำลังใช้” + ชื่อเบราว์เซอร์ + 'เบราว์เซอร์' ;
คอนโซล บันทึก ( หน้าต่าง. เนวิเกเตอร์ . userAgent . ตัวพิมพ์เล็ก ( ) ) ;
สคริปต์ >
เอาต์พุต (สำหรับเบราว์เซอร์ Chrome)
เอาต์พุต (สำหรับเบราว์เซอร์ Microsoft Edge)
จากผลลัพธ์ข้างต้น เห็นได้ชัดว่าทั้งสองเบราว์เซอร์ถูกตรวจพบพร้อมกับตัวแทนผู้ใช้ของตน
มีการพูดคุยถึงวิธีการที่สะดวกทั้งหมดเพื่อรับตัวแทนผู้ใช้ใน JavaScript
บทสรุป
“ ตัวแทนผู้ใช้ ” สามารถดึงข้อมูลสำหรับเบราว์เซอร์ต่างๆ ด้วยความช่วยเหลือของ “ ผู้ใช้กำหนด ” เช่นเดียวกับ “ สวิตซ์ คำสั่ง ” ในจาวาสคริปต์ ตัวอย่างก่อนหน้านี้นั้นเรียบง่ายและสามารถนำไปใช้เพื่อรับตัวแทนผู้ใช้ของเบราว์เซอร์ที่เกี่ยวข้องและส่งคืนเป็นส่วนหัว วิธีหลังจัดการเบราว์เซอร์หลายตัวโดยพิจารณาจากค่าสตริงที่มีอยู่ในเบราว์เซอร์และส่งคืนตัวแทนผู้ใช้ของเบราว์เซอร์ที่เกี่ยวข้อง บทความนี้จะอธิบายวิธีรับตัวแทนผู้ใช้ใน JavaScript