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