Detect Mobile Browsers :ตรวจสอบ เบราว์เซอร์ มือถือ

[thatsawan]

ก่อนศึกษาบทความนี้ ขอเเนะนำว่าให้ ศึกษา บทเรียน Jquery ซึ่งเเนะนำตั้งแต่พื้นฐาน จนถึงการนำ jquery ไปใช้กับงานจริง เเละแน่นอนว่าจะต้องรู้ในเรื่องของ HTML5, CSS, JavaScriptก่อน นะค่ะ เพื่อให้สามารถทำเข้าใจเกี่ยวกับ jQuery ได้ง่ายขึ้น

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

ตัวอย่างการใช้งานนี้
ขั้นตอนเเรกให้เราทำการดาวน์โหลดไลบารี่มาเก็บไว้ก่อน เเล้วจากนั้นก็ทำการเรียกใช้งาน JQery ปกติค่ะ
http://detectmobilebrowsers.com/

โค้ด: เลือกทั้งหมด

   $( document ).ready(function() {                 
        var isMobile = {
                    Android: function() {
                       return navigator.userAgent.match(/Android/i);
                   },
                   BlackBerry: function() {
                       return navigator.userAgent.match(/BlackBerry/i);
                   },
                   iOS: function() {
                       return navigator.userAgent.match(/iPhone|iPad|iPod/i);
                   },
                   Opera: function() {
                       return navigator.userAgent.match(/Opera Mini/i);
                   },
                   Windows: function() {
                       return navigator.userAgent.match(/IEMobile/i);
                   },
                   any: function() {
                       return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
                   }
             };  
                    if(isMobile.any()){
                                   $(".drop > a").removeAttr("href");
                    }   
         });