Ⅰ 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)
}