2015/1/7

Question:
之前想判斷是否使用行動裝置,
常使用CSS或Javascript來偵測網頁寬度來決定,
不過現在行動裝置尺寸太多,
反倒不知道該如何去訂定這些寬度來判斷了...
是否能使用瀏覽器的種類來判斷呢?

Solve:
if ( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    alert("使用行動裝置!");
}
else {
    alert("使用桌上型裝置!");
}

利用navigator.userAgent來擷取使用者的瀏覽器資訊,
在判斷其中是否有Android、iPhone、Mobile等字串來回應是否為行動裝置。
雖然不是非常的精準,不過大部分的行動裝置應該都可以搭配使用了,
但如果之後有桌上型裝置和行動裝置共用的瀏覽器(未來的IE?)
那可能此方法就失效了...

參考網頁:http://stackoverflow.com/questions/3514784/what-is-the-best-way-to-detect-a-mobile-device-in-jquery


0 意見:

張貼留言