隨著移動設備的普及，越來越多的網站需要適配不同的手機分辨率。而javascript是非常方便獲取手機分辨率的工具。下面我們就來看一下javascript怎么獲取手機分辨率。

首先，我們需要知道什么是分辨率。分辨率是指顯示設備（如手機屏幕、電腦屏幕）橫向與縱向上的像素點數。通常我們用一個數字來表示分辨率，比如1920x1080，表示橫向像素數是1920，縱向像素數是1080。

在javascript中，我們可以通過window.screen對象來獲取屏幕分辨率。該對象有兩個屬性，一個是availWidth表示可用的屏幕寬度（不包含瀏覽器工具欄），另一個是availHeight表示可用的屏幕高度（不包含瀏覽器工具欄）。下面是獲取屏幕分辨率的代碼：

var screenWidth = window.screen.availWidth;
var screenHeight = window.screen.availHeight;

以上代碼可以獲取到當前設備的屏幕寬度和高度。這個值通常是以像素為單位。

通過瀏覽器內核的檢測，我們也可以獲取到屏幕分辨率的大小。下面是獲取屏幕分辨率的代碼：

var screenWidth = window.innerWidth;
var screenHeight = window.innerHeight;

需要注意的是，這種方法獲取到的寬度和高度包括了瀏覽器工具欄的高度，所以可能會比window.screen對象獲取到的值要大。

除了上述方法，我們還可以通過文檔對象document的clientWidth和clientHeight屬性來獲取文檔的寬度和高度。這種方式獲取到的值也包括了瀏覽器工具欄的高度，但是當文檔尺寸小于窗口尺寸時，會自動縮小到文檔尺寸，所以不一定準確。下面是獲取文檔尺寸的代碼：

var documentWidth = document.documentElement.clientWidth;
var documentHeight = document.documentElement.clientHeight;

在實際應用中，我們可以根據不同的分辨率來動態調整頁面布局和大小。比如，當屏幕寬度小于768像素時，我們可以將頁面樣式變更為移動端的樣式，以便更好地適配手機設備。下面是一個調整頁面布局的示例：

// 獲取屏幕寬度
var screenWidth = window.screen.availWidth;
// 如果屏幕寬度小于768像素，則切換到移動端布局
if (screenWidth < 768) {
// 切換到移動端布局
// ...
}

以上就是javascript獲取手機分辨率的方法和應用實例。在實際開發中，我們需要根據具體需求靈活運用這些方法，以便更好地適配不同的手機設備。