`
xiaomiya
  • 浏览: 131516 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

js判断是移动端还是pc端

阅读更多

运行当页面的时候,执行到js会判断来自于移动端还是pc端,如果是移动端则跳转制定链接地址,,这样在手机端会有额外的不必要浪费的加载时间,,,

 

代码:

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()  
}   
  
  if(browser.versions.mobile || browser.versions.ios || browser.versions.android ||   
    browser.versions.iPhone || browser.versions.iPad){        
        window.location = "http://m.baidu.com";      
  }  

 

 

做一个跳转来实现,,

0
1
分享到:
评论

相关推荐

    js判断客户端是pc端还是移动端

    几种判断设备是否是移动端还是pc端,然后在进行是否跳转页面,达到匹配的效果

    device.js 判断客户端是移动端还是PC端

    js判断客户端是移动端还是PC端,很不错的,值的下载收藏

    js判断浏览器的环境(pc端,移动端,还是微信浏览器)

    方法二是从网站***中提取的代码,这个方法除了判断移动端和PC端外,还能够区分平板和手机。这个方法定义了一个`os`函数,返回一个对象,对象中包含当前设备的类型。例如`isTablet`表示是否是平板,`isPhone`表示是否...

    vue js判断客户端是pc端还是移动端

    //使用方法 import { isMobile } from '../../xxx/isMobile.js' export default { data(){ return{ispc: isMobile().web.win, } }, } </script>

    移动端和pc端拖动排序

    在本案例中,实现这一功能主要依赖于`drag-arrange.js`插件,并结合了触摸事件处理,以确保在移动端和PC端都能流畅工作。 `drag-arrange.js`是一个JavaScript插件,专门设计用于实现元素的拖放排序功能。它可能包含...

    基于VUE实现判断设备是PC还是移动端

    在前端开发中,有时我们需要根据用户使用的设备类型来提供不同的界面体验,这通常涉及到判断设备是PC还是移动端。Vue.js,作为一个轻量级且强大的前端框架,提供了多种方式来实现这种设备判断。本文将详细介绍如何在...

    React.js入门与实战 开发适配PC端及移动端新闻头条平台

    React.js入门与实战 开发适配PC端及移动端新闻头条平台 包含视频及源代码

    js如何判断用户是在PC端和还是移动端访问

    在现代互联网开发中,如何判断用户的访问设备是PC端还是移动端已经成为了一个常见的需求。随着智能手机的普及,越来越多的用户通过移动设备访问网站,因此为移动端用户提供一个良好的浏览体验变得至关重要。对于开发...

    JS实现判断移动端PC端功能

    总的来说,JavaScript的`navigator.userAgent`属性是识别用户设备的关键工具,通过解析这个字符串,我们可以判断用户是使用PC还是移动设备,从而提供更加个性化的网页体验。在实际应用中,还可以结合其他方法,如...

    js判断是手机还是pc并调用不同css样式

    if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|BrowserNG|WebOS)/i))) { [removed]('<link href="css/mobile.css" rel="stylesheet" type=... }判断手机端访问调用的css

    jquery移动端/pc端纵向翻页,上下滑动代码示例

    本文将深入探讨如何使用JavaScript库jQuery实现这一功能,尤其关注移动端和PC端的兼容性。 首先,jQuery是一款强大的JavaScript库,它简化了DOM操作、事件处理和动画效果,使得开发人员可以更轻松地创建交互式Web...

    基于JS实现移动端访问PC端页面时跳转到对应的移动端网页

    不想通过CSS自适应在PC端和移动端分别显示不同的样式,那么只能通过在移动端访问PC端网页时跳转到对应的移动端网页了,那么怎么跳转呢,网上也有很多文章说明,以下实现思路经过小编测试过,放心使用。 1.效果图 PC...

    判断请求来源是PC还是移动端.rar_PCO电脑端

    总之,判断请求来源是PC还是移动端,主要是通过分析"User-Agent"头信息。开发者可以根据实际需求选择合适的判断方式,以实现最佳的用户体验。在编程过程中,一定要注意兼容各种浏览器和设备,确保应用的普适性。

    js实现PC端移动端通用的图片懒加载.rar

    本教程将围绕"js实现PC端移动端通用的图片懒加载"这一主题,详细介绍其核心原理和实现方法。 首先,我们需要理解什么是图片懒加载。传统的网页加载方式是当页面加载时,所有图片资源都会一次性加载,这可能导致加载...

    Html5上传图片 移动端、PC端通用代码

    这个技术在移动端和PC端上都能运行,不过作者提到只在谷歌浏览器上进行了兼容性测试。描述中强调了本文内容的参考价值,暗示了即便作者摒弃了之前使用Angular技术栈的做法,HTML5+JS的实现依旧是一个有价值的学习...

    详解JS判断页面是在手机端还是在PC端打开的方法

    本文将详细介绍使用JavaScript(JS)来判断页面是在手机端还是PC端打开的方法。 ### 利用Navigator对象 Navigator对象是一个可以通过JavaScript访问的接口,它提供了有关浏览器和设备的信息。在这个对象中,我们...

    基于Nuxt实现移动端的企业官网

    项目中整合 vue nuxt axios vuex vue-router (nuxt 自带 vuex 和 vue-router),一个基于 Nuxt 的服务器端渲染 Demo

Global site tag (gtag.js) - Google Analytics