JS判断是否是手机端并跳转操作

最新推荐文章于 2024-05-30 15:47:51 发布
最新推荐文章于 2024-05-30 15:47:51 发布
阅读量968 收藏
点赞数
分类专栏： JavaScript 文章标签： 跳转 移动端 设备检测 js device
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35718410/article/details/87860817
版权

常用跳转代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

<script type="text/javascript">

 // borwserRedirect

 (function browserRedirect(){

  var sUserAgent = navigator.userAgent.toLowerCase();

  var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad';

  var bIsIphone = sUserAgent.match(/iphone os/i) == 'iphone os';

  var bIsMidp = sUserAgent.match(/midp/i) == 'midp';

  var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == 'rv:1.2.3.4';

  var bIsUc = sUserAgent.match(/ucweb/i) == 'web';

  var bIsCE = sUserAgent.match(/windows ce/i) == 'windows ce';

  var bIsWM = sUserAgent.match(/windows mobile/i) == 'windows mobile';

  var bIsAndroid = sUserAgent.match(/android/i) == 'android';

  if(bIsIpad || bIsIphone || bIsMidp || bIsUc7 || bIsUc || bIsCE || bIsWM || bIsAndroid ){

  window.location.href = '跳转的移动端网址';

  }

 })();

 </script>

<script type="text/javascript">

<!--

  //平台、设备和操作系统

  var system = {

   win: false
最低0.47元/天 解锁文章
星空下的嗳
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS代码判断用户设备为手机或电脑进行区分跳转操作
浦东余春娇
01-21 560
JS判断用户设备为手机或电脑端，进行跳转为了达到更好的用户体验，当下大多数的站点都会将网站区分为手机页面（Mobile 端）和电脑页面（PC端）通常会采用两种方法：1.对于页面容量不是很大的展示类网站，如搜索引擎，都会做成响应式，用一套代码解决；2.而对于页面内容较多的，以交互为主的网站，通常会使用两套代码，这就产生了一个问题：如何判断用户的设备是PC还是Mobile，以进行正确的跳转来防止用户访...
js判断客户端是ios或者是android手机移动端
aSuncat
09-21 3228
通过判断浏览器的userAgent，用正则来判断手机是否是ios或android客户端。<script type="text/javascript"> var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var is
js 判断pc 还是移动端环境
最新发布
qq_33240556的博客
05-30 1064
函数，通过检查几个关键的字符串来判断是否为移动设备的浏览器。请注意，这种方法不是100%准确，因为用户代理字符串可以被修改或者模拟，但在大多数情况下足够使用。在JavaScript中，判断当前环境是PC端还是移动端，可以通过检测用户代理字符串（User Agent）来进行简单的区分。更现代和准确的方法可能会考虑使用特性检测（feature detection）或者其他更高级的库来辅助判断，但上述代码对于基本的环境区分已经足够。这段代码首先定义了一个。
js判断是否是移动设备,并跳转
橙-极纪元-cplvfx-JJY.Cheng
04-24 1277
第一种 try { var urlhash = window.location.hash; if (!urlhash.match("fromapp")) { if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { window.location='http://m.baidu.com'; } } } ca
JS判断移动设备最佳方法 并实现跳转至手机版网页
weixin_34176694的博客
12-07 124
方法一：纯JS判断 使用这方法既简单，又实用，不需要引入jQuery库，把以下代码加入到<head>里即可。 <script type=”text/javascript”> if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {...
JS 判断是否是手机端并跳转操作
极客神殿
09-08 1764
JS 判断运行当前脚本的应用程序是否为手机端或者一些其他信息，在我的工作中遇到的不是十分频繁，被我的同事一问就给问住了，所以把之前找到的一些知识点整理出来，供大家参考，若哪里不对欢迎指出，我会及时的更改 (#.#)。 window.navigator 先从这个属性入手：window.navigator 返回一个navigator对象的引用，可以用它来查询一些关于运行当前脚本的应用程序的相关信息...
js判断android手机浏览器,JS前端开发判断是否是手机端并跳转操作（小结）
weixin_29217235的博客
05-27 424
常用跳转代码// borwserRedirect(function browserRedirect(){var sUserAgent = navigator.userAgent.toLowerCase();var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad';var bIsIphone = sUserAgent.match(/iphone os/i) ...
判断是否是手机端并跳转
hanker的博客
02-05 5270
转载于：http://www.xker.com/page/e2014/0325/131654.html常用跳转代码<script type="text/javascript"> // borwserRedirect (function browserRedirect(){ var sUserAgent = navigator.userAgent.toLowerCase()
html页面判断是手机端访问,JS 判断手机端和pc端后跳转对应页面
weixin_33073525的博客
06-04 1146
判断手机端和pc端(function () {var sUserAgent = navigator.userAgent;if (sUserAgent.indexOf(‘Android‘) > -1 || sUserAgent.indexOf(‘iPhone‘) > -1 || sUserAgent.indexOf(‘iPad‘) > -1 || sUserAgent.indexO...
JS前端开发判断是否是手机端并跳转操作（小结）（转）
didandi1315的博客
10-25 189
这篇文章主要介绍了JS前端开发判断是否是手机端并跳转操作,非常不错，具有参考借鉴价值，需要的朋友可以参考下 常用跳转代码 1 <script type="text/javascript"> 2 // borwserRedirect 3 (function browserRedirect(){ 4 var sUserAgent = ...
JS前端开发判断是否是手机端并跳转操作（小结）
10-20
主要介绍了JS前端开发判断是否是手机端并跳转操作,非常不错，具有参考借鉴价值，需要的朋友可以参考下
js判断PC端与移动端跳转
10-20
本文主要介绍了js判断PC端与移动端跳转的方法，具有很好的参考价值。下面跟着小编一起来看下吧
百度判断手机终端并自动跳转js代码及使用实例
10-25
主要介绍了百度判断手机终端并自动跳转js代码及使用实例,需要的朋友可以参考下
两款JS脚本判断手机浏览器类型跳转WAP手机网站
10-23
为了实现从传统PC端网站到WAP手机网站的自动跳转，开发者可以利用JavaScript来检测用户访问的设备类型。本文将介绍两种JavaScript脚本，帮助你实现这一功能。 首先，我们来看第一种JS脚本： ```javascript ...
微信小程序自定义组件boundingClientRect取不到值
热门推荐
Pan Fengshan的博客
03-17 1万+
一、问题场景 有些场景下，我们需要在小程序自定义组件中获取某些元素的高度，代码如下： ready: function() { wx.createSelectorQuery().select('.search-content').boundingClientRect(rect=>{ console.log(rect.height) }).exec(); } ...
寄生组合式继承
Pan Fengshan的博客
06-11 6951
寄生组合式继承 定义：所谓寄生组合式继承，即通过借用构造函数来继承属性，通过原型链的混成形式来继承方法。其背后的基本思路是：不必为了指定子类型的原型而调用超类型的构造函数，我们所需要的无非就是超类型原型的一个副本而已。本质上，就是使用寄生式继承来继承超类型的原型，然后再将结果指定给子类型的原型。（引自《JavaScript高级程序设计》） 1.定义父类型 function Person(name)...
简单的弹幕方法实现
Pan Fengshan的博客
07-29 5672
由于在做一个直播平台项目，要给我们的项目加上一个弹幕功能，在网上也找到了可以直接用的插件。但毕竟不是自己写的，还是想自己来实现一个简单的弹幕方法，下面来介绍一下我的弹幕，超简单的喔！ 1、首先在HTML里定义一个现实弹幕的容器，id为danmu。 2、在js文件中，定义一个弹幕方法，具体代码如下 function danmu(text){ var $p=$(''+text+'')
轮播广告效果实现
Pan Fengshan的博客
08-05 5371
由于看到每个电商网站的首页基本上都有轮播广告，所以我也写了一个简单的轮播广告效果，记录一下，以后用到的话可以直接使用了。 本篇主要介绍如何在我们的网页中快速实现轮播效果，js的原理部分在续篇中详细讲解。 一、首先在HTML中想要放轮播的地方加入以下代码： id="slider"> id="imgs"> id="indexs"> 二、在样式文件中加入以下样式：
js判断手机端和电脑端实现跳转
11-07
// 手机端跳转逻辑 window.location.href = 'mobile.html'; } else { // 电脑端跳转逻辑 window.location.href = 'desktop.html'; } ``` 上述例子中，首先通过`navigator.userAgent`获取用户代理信息，然后使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值