วิธีตรวจสอบว่าผู้ใช้เข้าถึงพีซีและขั้วมือถือหรือไม่

เมื่อเร็ว ๆ นี้เรายุ่งกับโครงการ "Wings of Coffee" ของทีมซึ่งเรามอบประสบการณ์ที่ยอดเยี่ยมสำหรับแพลตฟอร์มมือถือ ด้วยความเจริญรุ่งเรืองของแพลตฟอร์ม Android ไม่เพียง แต่ขับเคลื่อนอุตสาหกรรมสมาร์ทโฟนในประเทศเท่านั้น แต่นักพัฒนาในประเทศหลายคนก็เริ่มอุทิศตนให้กับคลื่นขนาดใหญ่ของเทอร์มินัลมือถือ Android หากคุณพลาดคลื่นอินเทอร์เน็ตจำนวนมาก จากนั้นคุณต้องไม่พลาดคลื่น Android นี้ ในปัจจุบันเราได้พัฒนาเทอร์มินัลมือถือและไคลเอนต์ Android สำหรับ "Coffee Wings" ทุกคนใช้โทรศัพท์มือถือระบบปฏิบัติการ Android หรือ iOS และเข้าถึงชื่อโดเมนโดยตรง www.sygxy.cn เพื่อดูเอฟเฟกต์เทอร์มินัลมือถือ ในเวลาเดียวกันลูกค้า Android ได้เปิดตัวในร้านแอปพลิเคชัน“ แอปพลิเคชันแอปพลิเคชัน” ของ Tencent และ“ Baidu Mobile Assistant” คุณสามารถค้นหา "Wings of Coffee" โดยตรงเพื่อดาวน์โหลด ไม่มีการโปรโมตใด ๆ จะเปิดตัวเพียงหนึ่งสัปดาห์และมีการดาวน์โหลดมากกว่า 100 ครั้ง

หากคุณต้องการเพิ่มประสิทธิภาพเทอร์มินัลมือถือสิ่งที่คุณต้องทำคือการพิจารณาว่าอุปกรณ์การเข้าถึงของลูกค้าคืออะไร ผ่านผลการตัดสินส่งคืนที่อยู่ชื่อโดเมนที่ไม่สามารถใช้งานได้จากนั้นโหลดไฟล์ CSS ที่แตกต่างกัน

วิธีการตัดสินที่เราใช้คือการตัดสินผ่านมูลค่าตัวแทนของผู้ใช้ ใช้คุณสมบัติ useragent ของวัตถุ Navigator ในกรอบ JavaScript ไม่มีมาตรฐานสาธารณะสำหรับวัตถุ Navigator แต่ตอนนี้วัตถุนี้ได้รับการสนับสนุนจากเบราว์เซอร์ทั้งหมดในตลาด ใช้แอตทริบิวต์ useragent เพื่อส่งคืนค่าของส่วนหัวผู้ใช้-ตัวแทนของเซิร์ฟเวอร์ที่ส่งโดยไคลเอนต์ มีตัวแทนผู้ใช้ในข้อมูลส่วนหัวซึ่งใช้เพื่อบอกเซิร์ฟเวอร์เบราว์เซอร์ไคลเอนต์ผู้ใช้คืออะไรและข้อมูลระบบปฏิบัติการ ใช้นิพจน์ทั่วไปเพื่อรับค่าตัวแทนผู้ใช้ กำหนดด้วยค่าท้องถิ่น ค่าการจับคู่นี้สามารถเป็นระบบปฏิบัติการมือถือเช่น Android หรือ iOS หรืออาจเป็นชื่อของเบราว์เซอร์ หากมีการจับคู่มันจะกระโดดมิฉะนั้นมันจะไม่กระโดดและไปที่หน้าแรกของฝั่งพีซีโดยตรง

สำหรับการใช้งานรหัสเฉพาะเราใช้ภาษาสคริปต์ JavaScript เพื่อปรับปรุงความสามารถในการพกพาของเว็บไซต์ มีข้อดีสองประการในการใช้เทคโนโลยีนี้ในความคิดของฉัน

1: สามารถปรับปรุงการพกพาของเว็บไซต์ หากทีมงานของเราต้องการเพิ่มเอฟเฟกต์ของเทอร์มินัลมือถืออีกครั้งในโครงการเว็บที่ตามมามันสามารถแนะนำส่วนหนึ่งของรหัส JS นี้เพื่อทำการตัดสิน ปรับปรุงประสิทธิภาพการทำงานในอนาคต

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

การใช้งานเฉพาะ:

เราแยกสคริปต์เพื่อตัดสินการเข้าถึง หากหน้าเว็บจำเป็นต้องได้รับการตัดสินโดยเทอร์มินัลไคลเอนต์เราจะใช้ <Script> </script> โดยตรงเพื่อแนะนำโปรแกรมสคริปต์ในหน้า รหัสการตัดสินเฉพาะมีดังนี้:

การคัดลอกรหัสมีดังนี้:

ฟังก์ชั่น uaredirect (f) {

ลอง {ถ้า (

document.getElementById ("bdmark")! = null) {

กลับ

-

var b = false;

ถ้า (อาร์กิวเมนต์ [1]) {

var e = window.location.host; var a = window.location.href;

if (issubdomain (อาร์กิวเมนต์ [1], e) == 1) {

f = f+"/#m/"+a; b = true} else else {ถ้า (issubdomain (อาร์กิวเมนต์ [1], e) == 2) {f = f+"/#m/"+a; b = true}

อื่น {f = a; b = false}}}

else {b = true} ถ้า (b) {var c = window.location.hash;

if (! c.match ("fromapp")) {

if ((navigator.useragent.match (/(iPhone | iPod | Android | iOS | Windows Phone)/i))) {location.replace (f)}}}}} catch (d) <br> {<br>} <br>}}}