运行当页面的时候,执行到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"; }
做一个跳转来实现,,
相关推荐
几种判断设备是否是移动端还是pc端,然后在进行是否跳转页面,达到匹配的效果
js判断客户端是移动端还是PC端,很不错的,值的下载收藏
方法二是从网站***中提取的代码,这个方法除了判断移动端和PC端外,还能够区分平板和手机。这个方法定义了一个`os`函数,返回一个对象,对象中包含当前设备的类型。例如`isTablet`表示是否是平板,`isPhone`表示是否...
//使用方法 import { isMobile } from '../../xxx/isMobile.js' export default { data(){ return{ispc: isMobile().web.win, } }, } </script>
在本案例中,实现这一功能主要依赖于`drag-arrange.js`插件,并结合了触摸事件处理,以确保在移动端和PC端都能流畅工作。 `drag-arrange.js`是一个JavaScript插件,专门设计用于实现元素的拖放排序功能。它可能包含...
在前端开发中,有时我们需要根据用户使用的设备类型来提供不同的界面体验,这通常涉及到判断设备是PC还是移动端。Vue.js,作为一个轻量级且强大的前端框架,提供了多种方式来实现这种设备判断。本文将详细介绍如何在...
React.js入门与实战 开发适配PC端及移动端新闻头条平台 包含视频及源代码
在现代互联网开发中,如何判断用户的访问设备是PC端还是移动端已经成为了一个常见的需求。随着智能手机的普及,越来越多的用户通过移动设备访问网站,因此为移动端用户提供一个良好的浏览体验变得至关重要。对于开发...
总的来说,JavaScript的`navigator.userAgent`属性是识别用户设备的关键工具,通过解析这个字符串,我们可以判断用户是使用PC还是移动设备,从而提供更加个性化的网页体验。在实际应用中,还可以结合其他方法,如...
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
本文将深入探讨如何使用JavaScript库jQuery实现这一功能,尤其关注移动端和PC端的兼容性。 首先,jQuery是一款强大的JavaScript库,它简化了DOM操作、事件处理和动画效果,使得开发人员可以更轻松地创建交互式Web...
不想通过CSS自适应在PC端和移动端分别显示不同的样式,那么只能通过在移动端访问PC端网页时跳转到对应的移动端网页了,那么怎么跳转呢,网上也有很多文章说明,以下实现思路经过小编测试过,放心使用。 1.效果图 PC...
总之,判断请求来源是PC还是移动端,主要是通过分析"User-Agent"头信息。开发者可以根据实际需求选择合适的判断方式,以实现最佳的用户体验。在编程过程中,一定要注意兼容各种浏览器和设备,确保应用的普适性。
本教程将围绕"js实现PC端移动端通用的图片懒加载"这一主题,详细介绍其核心原理和实现方法。 首先,我们需要理解什么是图片懒加载。传统的网页加载方式是当页面加载时,所有图片资源都会一次性加载,这可能导致加载...
这个技术在移动端和PC端上都能运行,不过作者提到只在谷歌浏览器上进行了兼容性测试。描述中强调了本文内容的参考价值,暗示了即便作者摒弃了之前使用Angular技术栈的做法,HTML5+JS的实现依旧是一个有价值的学习...
本文将详细介绍使用JavaScript(JS)来判断页面是在手机端还是PC端打开的方法。 ### 利用Navigator对象 Navigator对象是一个可以通过JavaScript访问的接口,它提供了有关浏览器和设备的信息。在这个对象中,我们...
项目中整合 vue nuxt axios vuex vue-router (nuxt 自带 vuex 和 vue-router),一个基于 Nuxt 的服务器端渲染 Demo