CSS3出來後，我們一般都是通過@media媒體查詢來實現網頁自適應，但是有時候，還是需要我們根據不同的裝置來對應的做不同的顯示，這時候，我們需要知道當前使用者訪問我們的介面用的是什麼裝置，怎麼獲取呢？

var os = function (){
　　var ua = navigator.userAgent,
　　isWindowsPhone = /(?:Windows Phone)/.test(ua),
　　isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
　　isAndroid = /(?:Android)/.test(ua),
　　isFireFox = /(?:Firefox)/.test(ua),
　　isChrome = /(?:Chrome|CriOS)/.test(ua),
　　isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
　　isPhone = /(?:iPhone)/.test(ua) && !isTablet,
　　isPc = !isPhone && !isAndroid && !isSymbian;
　　return {
　　　　isTablet: isTablet,
　　　　isPhone: isPhone,
　　　　isAndroid: isAndroid,
　　　　isPc: isPc
　　};
}();
if (os.isAndroid || os.isPhone) {

　　alert("phone" ); 

} else if (os.isTablet) {

　　alert("pad" );

} else if (os.isPc) {

　　 alert("pc")
}