隨著智能手機的普及，越來越多的網(wǎng)站開始了移動化的改造，為了讓移動設(shè)備用戶有更好的使用體驗。但是，對于像PC機上的瀏覽器或移動設(shè)備上的瀏覽器等不同的瀏覽器，我們該如何做到正確的適配呢？

針對這個問題，我們可以通過JavaScript來判斷當前瀏覽器是否為移動設(shè)備的瀏覽器，在此介紹一下常見的判斷方法。

1. userAgent判斷方法

var ua = navigator.userAgent.toLowerCase();  
var isMobile = /(iphone|ipod|ipad|android|ios|windows phone)/.test(ua);
if (isMobile) {
console.log('是移動設(shè)備');
} else {
console.log('是PC設(shè)備');
}

上述代碼中，我們通過navigator.userAgent獲取當前瀏覽器的User-Agent字符串，然后根據(jù)該字符串中是否包含移動設(shè)備的特征字符串進行判斷。

2. screen.width判斷方法

var width = screen.width;
var height = screen.height;
if (width< 768) {
console.log('是移動設(shè)備');
} else {
console.log('是PC設(shè)備');
}

這個方法是通過屏幕寬度進行判斷，通常我們認為屏幕寬度小于768px的設(shè)備是移動設(shè)備。這種方法的缺點是對于分辨率高的移動設(shè)備，可能會被誤判為PC設(shè)備。

3. touch判斷方法

if ('ontouchstart' in document) {
console.log('是移動設(shè)備');
} else {
console.log('是PC設(shè)備');
}

這種方法是通過判斷瀏覽器是否支持ontouchstart事件來判斷當前設(shè)備是否為移動設(shè)備。缺點是在部分PC設(shè)備上會被誤判為移動設(shè)備。

4. window.orientation判斷方法

if (window.orientation != undefined) {
console.log('是移動設(shè)備');
} else {
console.log('是PC設(shè)備');
}

這個方法是通過判斷設(shè)備是否支持重力感應(yīng)來判斷是否為移動設(shè)備。缺點是在部分平板電腦上可能會被誤判為移動設(shè)備。

總結(jié)

以上是通過JavaScript判斷移動設(shè)備瀏覽器的方法，雖然方法比較多但是準確率也各不相同。本文介紹了較為常用的四種方法，按需選擇即可。實際項目中，我們一般會根據(jù)實際情況綜合使用多種方式來確保判斷的準確性。