Ⅰ js判斷是移動端設備還是pc端設備代碼
可以用 screen.availWidth 獲取屏幕寬仿運伍度，小於768px就是小屏幕設備了（平板電腦豎屏、手機），又或者備或用 document.touchstart 判斷是否支持觸屏，但是現在一些筆記本電腦都已經支持觸屏了，網悄鬧頁布局最好用響應式布局。一般主流的做法就是支持觸屏就用觸摸版本的頁面，不支持觸屏就用PC版頁面。
Ⅱ 怎樣用JavaScript檢測平板電腦
檢測UA。
functionloadCSS(){
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|WindowsPhone)/i))){
document.write('<linkhref="css/notpc.css"rel="stylesheet"type="text/css"media="screen"/>');
}
else{
document.write('<linkhref="css/pc.css"rel="stylesheet"type="text/css"media="screen"/>');
}
}
loadCSS();
把裡面手機部分關鍵字刪除。還有種辦法就是判斷屏幕寬度。
Ⅲ 如何在一個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怎麼判斷移動設備是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或者JQuery的函數，判斷當前的用戶是在用PC瀏覽器還是手機瀏覽器還是平板電腦瀏覽器！
你孝州只要判斷瀏覽器版本就行了
var browserName = navigator.userAgent.toLowerCase();
mybrowser = {
version: (browserName.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '搭搏0'])[1],
safari: /webkit/i.test(browserName) && !this.chrome,
opera: /opera/i.test(browserName),
firefox:/firefox/i.test(browserName),
msie: /msie/i.test(browserName) && !/opera/.test(browserName),
mozilla: /mozilla/i.test(browserName) && !/(compatible|webkit)/.test(browserName) && !this.chrome,
chrome: /chrome/巧枝蔽i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)
}