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


07 Jan 2015

0 意見:

張貼留言

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.