JS判断移动设备最佳方法 并实现跳转至手机版网页 - STATS

TNTS 2021-08-06 原文


JS判断移动设备最佳方法 并实现跳转至手机版网页


方法一:纯JS判断

使用这方法既简单,又实用,不需要引入jQuery库,把以下代码加入到<head>里即可。

<script type=”text/javascript”>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
window.location = “mobile.html”; //可以换成http地址
}
</script>

方法二:使用 Device.Js 库

device.js 是一个用于检查设备用的插件,使用它你可以很方便的判断设备的操作系统,以及设备是纵向还是横向。

首先,我们下载Device.js

STEP 1: 引入 JS 文件

<script src=”device.min.js”></script>

STEP 2: 加入判断代码

<script type=”text/javascript”>
if(device.mobile()){
window.location = “shouji.html”;  //可以换成http地址
}
</script>
Device.js 方法有很多,若你想实现对某个设备的判断,要以根据以下代码来替换device.mobile()


 


发表于
2017-12-07 17:24 
STATS 
阅读(354
评论(0
编辑 
收藏 
举报

 

版权声明:本文为TNTS原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/TNTS/p/8000082.html

JS判断移动设备最佳方法 并实现跳转至手机版网页 - STATS的更多相关文章

  1. oracle之触发器基础篇 – HeavenTang

    oracle之触发器基础篇 一、触发器:是一个与表关联的、存储的PL/SQL程序,当用户执行了insert、u […]...

  2. MAC系统查看端口占用情况 – 飞翔的意大利面

    MAC系统查看端口占用情况 MAC系统下使用lsof命令查看端口占用情况  1 $ lsof  可以使用如下命 […]...

  3. 21个CSS3 / JS 时钟

    收集了21个酷炫的CSS / JS实现的时钟效果https://oktools.net/clocks 预览 : […]...

  4. 在linux系统下安装Python3虚拟环境和eclipse – 谭二皮

    在linux系统下安装Python3虚拟环境和eclipse 环境:VMware下centos7 使用软件包: […]...

  5. 【转】 Pro Android学习笔记(六三):Preferences(7):代码控制首选项 – blongfree

    【转】 Pro Android学习笔记(六三):Preferences(7):代码控制首选项 [-] 代码实现 […]...

  6. Spring Cloud Data Flow整合Cloudfoundry UAA服务做权限控制 – 南瓜慢说

    Spring Cloud Data Flow整合Cloudfoundry UAA服务做权限控制 我最新最全的文 […]...

  7. 微信订阅号基本配置 – ouruixi

    微信订阅号基本配置 微信订阅号基本配置 申请 自己登陆微信公众平台申请,步骤略 配置ngrok 网址: htt […]...

  8. JAVA中运用数组的四种排序方法 – anyuan9

    JAVA中运用数组的四种排序方法 JAVA中在运用数组进行排序功能时,一般有四种方法:快速排序法、冒泡法、选择 […]...

随机推荐

  1. Springboot WebFlux集成Spring Security实现JWT认证

    Springboot WebFlux集成Spring Security实现JWT认证 我最新最全的文章都在 南 […]...

  2. — Android 设置为A2DP 接收器 – linuxdog

    — Android 设置为A2DP 接收器 http://www.it1352.com/88728 […]...

  3. android inline hook

    最近终于沉下心来对着书把hook跟注入方面的代码敲了一遍,打算写几个博客把它们记录下来。 第一次介绍一下我感觉 […]...

  4. 计算机毕业设计-基于ssm的手机商城系统(文档+源码)-基于javaweb的商城管理系统-在线购物平台-线上销售系统java项目代码 – IT跃迁谷

    计算机毕业设计-基于ssm的手机商城系统(文档+源码)-基于javaweb的商城管理系统-在线购物平台-线上销 […]...

  5. Django(21)migrate报错的解决方案

    前言 在讲解如何解决migrate报错原因前,我们先要了解migrate做了什么事情,migrate:将新生成 […]...

  6. 汉字简繁转换 – aliketen

    汉字简繁转换 <script language=”JavaScript”> […]...

  7. web视频点播平台

    每天记录学习,每天会有好心情。*^_^* 在学习基于web的视频点播平台项目的时候,方便日后能及时查阅,在本平 […]...

  8. 详解intellij idea搭建SSM框架(spring+maven+mybatis+mysql+junit)(上)

    SSM框架集由Spring、SpringMVC、MyBatis三个开源框架整合而成,常作为数据源较简单的web […]...

展开目录

目录导航