วันนี้จะมาแนะนำวิธีง่ายๆในการตรวจสอบว่าผู้ใช้เข้าใช้งานเว็บเพจด้วยอุปกรณ์ใด โดยใช้ javascript ชื่อว่า Navigator userAgent (อ้างอิง) ซึ่งมีหน้าที่คืนค่า user-agent header ของ Browser ที่ถูกส่งไป Server
ตัวอย่างการใช้งาน
<script>
document.write("User-agent header sent: " + navigator.userAgent);
</script>
outout
mozilla/5.0 (windows nt 6.1; wow64) applewebkit/537.36 (khtml, like gecko) chrome/28.0.1500.72 safari/537.36
ต่อไปลองมาประยุกต์ใช้โดยการตรวจสอบตอน Page Load ว่าผู้ใช้เข้าใช้งา่นเว็บไซต์เราด้วยอุปกรณ์ใด ในตัวอย่างนี้จะเขียน Code เพื่อตรวจสอบว่าผู้ใช้เข้าใช้งานด้วย iPhone หรือไม่
<script>
$(document).ready(function () {
var deviceIphone = "iphone";
// Initialize user agent ใหัเป็นตัวเล็กทั้งหมด
var uagent = navigator.userAgent.toLowerCase();
// ตรวจสอบว่า user agent เป็นของอุปกรณ์ iPhone หรือไม่
if (uagent.search(deviceIphone) > -1)
document.write('Access with iPhone');
else
document.write('Access with Other Device');
});
</script>
ไม่มีความคิดเห็น:
แสดงความคิดเห็น