js怎麼判斷設備類型

⑴ 一些的js判斷設備是移動端還是PC端的代碼

varUA=window.navigator.userAgent.toLocaleLowerCase()
if(/(iphone|android|ipad)/.test(UA)){
alert('移動設備')
}else{
alert('PC')
}

⑵ js如何判斷客戶端是iOS還是Android等移動終端

判斷原理：
JavaScript是前端開發的主要語言，我們可以通過編寫JavaScript程序來判斷瀏覽器的類型及版本。JavaScript判斷瀏覽器類型一般有兩種辦法，一種是根據各種瀏覽器獨有的屬性來分辨，另一種是通過分析瀏覽器的userAgent屬性來判斷的。在許多情況下，值判斷出瀏覽器類型之後，還需判斷瀏覽器版本才能處理兼容性問題，而判斷瀏覽器的版本一般只能通過分析瀏覽器的userAgent才能知道。

瀏覽器類型
⑴瀏覽器特有屬性
⑵根據userAgent
瀏覽器版本
⑴根據userAgent

對於手機瀏覽器判斷
1.如何判斷是否為移動終端 利用正則match，
匹配navigator.userAgent是否含有字元串AppleWebKit*****Mobile
安卓qq瀏覽器HD版 只有AppleWebKit
2手機語言版本的判斷
使用navigator.browserLanguage 便可得出windows phone語言版本，
當然可惡的小小手機語言版本也有兼容性的差異，兼容Mozilla，以及AppleWebKit內核的瀏覽器訪問其語言版本，它會列出 navigator.language
CODE：
<script type="text/javascript">
var browser={
versions:function(){
var u = navigator.userAgent, app = navigator.appVersion;
return { //移動終端瀏覽器版本信息
trident: u.indexOf('Trident') > -1, //IE內核
presto: u.indexOf('Presto') > -1, //opera內核
webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動終端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或uc瀏覽器
iPhone: u.indexOf('iPhone') > -1 , //是否為iPhone或者QQHD瀏覽器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web應該程序，沒有頭部與底部
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
document.writeln("語言版本: "+browser.language);
document.writeln(" 是否為移動終端: "+browser.versions.mobile);
document.writeln(" ios終端: "+browser.versions.ios);
document.writeln(" android終端: "+browser.versions.android);
document.writeln(" 是否為iPhone: "+browser.versions.iPhone);
document.writeln(" 是否iPad: "+browser.versions.iPad);
document.writeln(navigator.userAgent);
</script>

比較特別的地方
UC瀏覽器沒有安卓報頭，只返回：linux ，這里粗略的根據linux來判斷是安卓（前提必須滿足是移動終端，UC這點是滿足的）
安卓QQ瀏覽器HD版檢測的結果是：mac， Safari

⑶ js判斷客戶端設備類型

可以用navigator.userAgent.indexOf()來判斷。

⑷ 網頁設計中如何javascript檢測用戶設備是電腦或者平板或者手機

|

functiongoPAGE(){
	自if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|WindowsPhone)/i))){
		window.location.href="你的手機版地址";
}
	else{
		window.location.href="你的電腦版地址";	}
}

goPAGE();//調用判斷函數

⑸ js判斷用戶的瀏覽設備是移動設備還是PC

/** *判斷是否是通過手機訪問 */ public static function isMobile() { // 如果有HTTP_X_WAP_PROFILE則一定是移動設備 if (isset($_SERVER['HTTP_X_WAP_PROFILE'])) { return true; } //如果via信息含有則一定是移動設備,部分服務商會屏蔽該信息 if (isset($_SERVER['HTTP_VIA'])) { //找不到為flase,否則為true return stristr($_SERVER['HTTP_VIA'], "wap") ? true : false; } //判斷手機發送的客戶端標志,兼容性有待提高 if (isset($_SERVER['HTTP_USER_AGENT'])) { $clientkeywords = array('nokia', 'sony', 'ericsson', 'mot', 'samsung', 'htc', 'sgh', 'lg', 'sharp', 'sie-', 'philips', 'panasonic', 'alcatel', 'lenovo', 'iphone', 'ipod', 'blackberry', 'meizu', 'android', 'netfront', 'symbian', 'ucweb', 'windowsce', 'palm', 'operamini', 'operamobi', 'openwave', 'nexusone', 'cldc', 'midp', 'wap', 'mobile'); // 從HTTP_USER_AGENT中查找手機瀏覽器的關... /** *判斷是否是通過手機訪問 */ public static function isMobile() { // 如果有HTTP_X_WAP_PROFILE則一定是移動設備 if (isset($_SERVER['HTTP_X_WAP_PROFILE'])) { return true; } //如果via信息含有wap則一定是移動設備,部分服務商會屏蔽該信息 if (isset($_SERVER['HTTP_VIA'])) { //找不到為flase,否則為true return stristr($_SERVER['HTTP_VIA'], "wap") ? true : false; } //判斷手機發送的客戶端標志,兼容性有待提高 if (isset($_SERVER['HTTP_USER_AGENT'])) { $clientkeywords = array('nokia', 'sony', 'ericsson', 'mot', 'samsung', 'htc', 'sgh', 'lg', 'sharp', 'sie-', 'philips', 'panasonic', 'alcatel', 'lenovo', 'iphone', 'ipod', 'blackberry', 'meizu', 'android', 'netfront', 'symbian', 'ucweb', 'windowsce', 'palm', 'operamini', 'operamobi', 'openwave', 'nexusone', 'cldc', 'midp', 'wap', 'mobile'); // 從HTTP_USER_AGENT中查找手機瀏覽器的關鍵字 if (preg_match("/(" . implode('|', $clientkeywords) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT']))) { return true; } } //協議法，因為有可能不準確，放到最後判斷 if (isset($_SERVER['HTTP_ACCEPT'])) { // 如果只支持wml並且不支持html那一定是移動設備 // 如果支持wml和html但是wml在html之前則是移動設備 if ((strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !== false) && (strpos($_SERVER['HTTP_ACCEPT'], 'text/html') === false || (strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') < strpos($_SERVER['HTTP_ACCEPT'], 'text/html')))) { return true; } } return false; }

⑹ 如何在一個html文件里，用js判斷平板和PC

給你一個例子，有這個就好辦了。不會可參考「JS判斷瀏覽器客戶端類型」

<scripttype="text/javascript">
varbForcepc=fGetQuery("dv")=="pc";//PC端
functionfBrowserRedirect(){
varsUserAgent=navigator.userAgent.toLowerCase();
varbIsIpad=sUserAgent.match(/ipad/i)=="ipad";//ipad
varbIsIphoneOs=sUserAgent.match(/iphoneos/i)=="iphoneos";//iphone
varbIsMidp=sUserAgent.match(/midp/i)=="midp";//移動設備
varbIsUc7=sUserAgent.match(/rv:1.2.3.4/i)=="rv:1.2.3.4";//
varbIsUc=sUserAgent.match(/ucweb/i)=="ucweb";//ucweb瀏覽器
varbIsAndroid=sUserAgent.match(/android/i)=="android";//android
varbIsCE=sUserAgent.match(/windowsce/i)=="windowsce";//windowsce移動系統
varbIsWM=sUserAgent.match(/windowsmobile/i)=="windowsmobile";//windowsmobile
if(bIsIpad){
varsUrl=location.href;
if(!bForcepc){
window.location.href="ipad";
}
}
if(bIsIphoneOs||bIsAndroid){
varsUrl=location.href;
if(!bForcepc){
window.location.href="smart";
}
}
if(bIsMidp||bIsUc7||bIsUc||bIsCE||bIsWM){
varsUrl=location.href;
if(!bForcepc){
window.location.href="m";
}
}
}
functionfGetQuery(name){//獲取參數值
varsUrl=window.location.search.substr(1);
varr=sUrl.match(newRegExp("(^|&)"+name+"=([^&]*)(&|$)"));
return(r==null?null:(r[2]));
}
functionfShowVerBlock(){
if(bForcepc){
document.getElementByIdx_x("dv_block").style.display="block";
}
else{
document.getElementByIdx_x("ad_block").style.display="block";
}
}
fBrowserRedirect();
</script>

⑺ js如何判斷是使用手機還是電腦

通過userAgent判斷，navigator.userAgent可以獲取當前的userAgent
然後通過匹配手機的常見userAgent進行識別
註：userAgent可以在大多數的手機瀏覽器上修改（例如選擇訪問電腦版、訪問iphone版等選項就是改變userAgent，來騙過伺服器獲取其他設備訪問的版本）
一般手機瀏覽器里都帶有mobile字樣（非協議規范）

⑻ js怎麼判斷移動設備是Android還是iPhone，接著判斷Android下設備是ipad還是手機

正好我之前弄了個瀏覽終端檢測的頁面，http://foumu.com/m/info.html
JS代碼如下：

$(document).ready(function() {
/* 智能機瀏覽器版本信息:*/
var str="";
var browser={versions:function(){
var u = navigator.userAgent, app = navigator.appVersion;
return {//移動終端瀏覽器版本信息
trident: u.indexOf('Trident') > -1, //IE內核
presto: u.indexOf('Presto') > -1, //opera內核
webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內核
mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否為移動終端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或者uc瀏覽器
iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否為iPhone或者QQHD瀏覽器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web應該程序，沒有頭部與底部
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
str+="瀏覽器解析度: "+document.documentElement.clientWidth+"*"+document.documentElement.clientHeight;
str+="<br>屏幕解析度: "+window.screen.width+"*"+window.screen.height;
str+="<br>瀏覽器語言版本: "+browser.language;
str+="<br>是否為移動終端: "+browser.versions.mobile;
str+="<br>ios終端: "+browser.versions.ios;
str+="<br>android終端: "+browser.versions.android;
str+="<br>是否為iPhone: "+browser.versions.iPhone;
str+="<br>是否iPad: "+browser.versions.iPad;
str+="<br>"+navigator.userAgent;

$(".box:first").html(str);
});

⑼ js如何判斷是移動設備，還是pc

<scripttype="text/javascript">
functionbrowserRedirect(){
varsUserAgent=navigator.userAgent.toLowerCase();
varbIsIpad=sUserAgent.match(/ipad/i)=="ipad";
varbIsIphoneOs=sUserAgent.match(/iphoneos/i)=="iphoneos";
varbIsMidp=sUserAgent.match(/midp/i)=="midp";
varbIsUc7=sUserAgent.match(/rv:1.2.3.4/i)=="rv:1.2.3.4";
varbIsUc=sUserAgent.match(/ucweb/i)=="ucweb";
varbIsAndroid=sUserAgent.match(/android/i)=="android";
varbIsCE=sUserAgent.match(/windowsce/i)=="windowsce";
varbIsWM=sUserAgent.match(/windowsmobile/i)=="windowsmobile";
document.writeln("您的瀏覽設備為：");
if(bIsIpad||bIsIphoneOs||bIsMidp||bIsUc7||bIsUc||bIsAndroid||bIsCE||bIsWM){
document.writeln("phone");
}else{
document.writeln("pc");
}
}

browserRedirect();
</script>

⑽ js判斷是移動端設備還是pc端設備代碼

可以用 screen.availWidth 獲取屏幕寬度，小於768px就是小屏幕設備了（平板電腦豎屏、手機），又或者用 document.touchstart 判斷是否支持觸屏，但是現在一些筆記本電腦都已經支持觸屏了，網頁布局最好用響應式布局。一般主流的做法就是支持觸屏就用觸摸版本的頁面，不支持觸屏就用PC版頁面。