Ⅰ jQuery判断浏览器是移动端还是桌面端自动跳转代码
<scripttype="text/javascript">
if((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{//跳到手机端
window.location="http://www.tzlm.com";
}else{
//跳到电脑端
window.location="http://www..com";
}
</script>
Ⅱ Jquery 判断是不是 移动设备 浏览
//适配代码
<scripttype="text/javascript">
varbrowser={
versions:function(){
varu=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.+MacOSX/),//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应该程序，没有头部与底部
google:u.indexOf('Chrome')>-1
};
}(),
language:(navigator.browserLanguage||navigator.language).toLowerCase()
}
if(browser.versions.mobile){
//为移动端访问网页，跳转到移动端链接地址
window.location.href="移动端链接地址";
}else{
//为电脑端访问网页，跳转到电脑端链接地址
window.location.href="电脑端链接地址";
}
</script>
Ⅲ jquery判断是不是手机浏览器是的话改变css
可以做响应式的网站，判断页面宽度是pc还是手机尺寸。
在css文件中
@media screen and (max-device-width: 640px) {
body { }
}
预览时一定要加device
Ⅳ jquery mobile 怎样判断手机类型
jquery mobile不能判断手机类型，手机类型是由单独的后台程序来进行判断的，比如下载时候和手机连接电脑的时候。而Jquery mobile主要的是一些前台的显示跳转功能。
不明白请追问，如果对你有帮助，记得采纳~
Ⅳ jquery判断触屏，调用不同事件，电脑上菜单的hover事件平板上变成click事件；类似亚马孙
hover和click同时绑定肯定是要出问题的。现在的网站都是判断是手机或者ipad就直接跳转到web app站点去了。 触屏上的click事件 会延迟300ms，如果用zepto.js框架的话自带的有tap触摸屏上的点击事件，jquerymobile也有，或者啥都没有就用个插件FastClick。
言归正传，通常这样的做法是会判断触摸屏和pc来调用不同的JS的 两套JS绝对不会混合一起使用那样会开销很大也会引起很多潜在的BUG。
functionIsPC(){
varuserAgentInfo=navigator.userAgent;
varAgents=newArray("Android","iPhone","SymbianOS","WindowsPhone","iPad","iPod");
varflag=true;
for(varv=0;v<Agents.length;v++){
if(userAgentInfo.indexOf(Agents[v])>0){flag=false;break;}
}
returnflag;
}
//上面判断是否是移动端
if(IsPC){
document.write('<scriptsrc="pc.js"type="text/javascript"></script>');
}else{
document.write('<scriptsrc="web.js"type="text/javascript"></script>');
}
Ⅵ 谁能给一个基于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)
}
Ⅶ 用js的jquery框架怎样判断页面访问用户是通过pc机还是手机。。
判断用户机器是通过判断浏览器来实现的.
function getBrowser()
{
jQuery.each(
jQuery.browser, function(i, val) {
$("<div>" + i + " : <span>" + val + "</span>").appendTo( document.body );
});
}
在这个基础上你加个json数组,把不同浏览器映射到PC/手机就行了.
Ⅷ Jquery 判断是不是 移动设备 浏览
首先，只判断是否是用 移动设备 浏览的：
// Mobile 这里是只有不再 移动设备 上访问时，才给相应元素加上 mouseenter 和 mouseleave 事件。
if (!navigator.userAgent.match(/mobile/i)) {
$('.nav-dots span').mouseenter(function(){
$(this).css('background-color', 'rgba(0, 0, 0, 0.2) !important');
});
$('.nav-dots span').mouseleave(function(){
$(this).css('background-color', 'rgba(255, 255, 255, 0.2) !important');
});
}
第二，需要得到详细的移动设备的类型：
$(document).ready(function() {
var isMobile = {
Android: function() {
return navigator.userAgent.match(/Android/i) ? true : false;
},
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i) ? true : false;
},
iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;
},
Windows: function() {
return navigator.userAgent.match(/IEMobile/i) ? true : false;
},
any: function() {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());
}
};
if( isMobile.any() )
{
$('.main_header').hide();
}
});
Ⅸ jquery 如何识别 PC端和移动端（辨别是否是代理浏览器）
首先加载jQuery文件。
[javascript] view plain
$(function(){
var MobileUA = (function() {
var ua = navigator.userAgent.toLowerCase();
var mua = {
IOS: /ipod|iphone|ipad/.test(ua), //iOS
IPHONE: /iphone/.test(ua), //iPhone
IPAD: /ipad/.test(ua), //iPad
ANDROID: /android/.test(ua), //Android Device
WINDOWS: /windows/.test(ua), //Windows Device
TOUCH_DEVICE: ('ontouchstart' in window) || /touch/.test(ua), //Touch Device
MOBILE: /mobile/.test(ua), //Mobile Device (iPad)
ANDROID_TABLET: false, //Android Tablet
WINDOWS_TABLET: false, //Windows Tablet
TABLET: false, //Tablet (iPad, Android, Windows)
SMART_PHONE: false //Smart Phone (iPhone, Android)
};
mua.ANDROID_TABLET = mua.ANDROID && !mua.MOBILE;
mua.WINDOWS_TABLET = mua.WINDOWS && /tablet/.test(ua);
mua.TABLET = mua.IPAD || mua.ANDROID_TABLET || mua.WINDOWS_TABLET;
mua.SMART_PHONE = mua.MOBILE && !mua.TABLET;
return mua;
}());
//SmartPhone
if (MobileUA.SMART_PHONE) {
// 移动端链接地址
document.location.href = 'http://www.aaa.com/wap/index.html';
}
});