检测当前的浏览器是pc端还是移动端

最新推荐文章于 2021-08-16 17:51:45 发布
最新推荐文章于 2021-08-16 17:51:45 发布
阅读量1.5k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/mrhaoxiaojun/article/details/50945284
本文介绍了一种基于浏览器检测的智能网页适配技术，能够自动判断用户设备类型，并跳转到相应的页面版本，确保用户体验的一致性和流畅性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        //进入页面的第一件事情:检测当前的浏览器是pc端还是移动端
        if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
            //window.location.href="移动端页面的地址";
            //是移动端设备
            /*if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
             //手机
             }else if(/iPad/i.test(navigator.userAgent)){
             //pad
             }*/
        } else {
            //pc端设备
            //window.location.href="pc端页面的地址";
        }
    </script>
</head>
</body> 
</html> 
JavaScript 侦测手机浏览器的五种方法
liuhao9999的博客
10-08 926
一、navigator.userAgent 最简单的方法就是分析浏览器的 user agent 字符串，它包含了设备信息。 JS 通过navigator.userAgent属性拿到这个字符串，只要里面包含mobi、android、iphone等关键字，就可以认定是移动设备。 if (/Mobi|Android|iPhone/i.test(navigator.userAgent)) { // 当前设备是移动设备 } // 另一种写法 if ( navigator.userAgent.ma
vue 判断pc端还是移动端
weixin_45502106的博客
10-14 986
export default { name: "App", mounted() { console.log("1111", Boolean(this._isMobile())); if (this._isMobile()) { // 为true是移动端,跳至移动端页面 console.log("yi移动端"); // this.$router.replace('/m_index') } else { // 为false是pc端，
js原生判断浏览器是移动还是PC
xiao_yu_liu的博客
02-13 673
function browserRedirect() { //判断当前设备是移动还是PC var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAge
网站PC端与wap端适配
YoungC
09-16 1159
废话不多说，直接上代码 function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.mat
vue判断设备是手机端还是pc端
weixin_46413834的博客
08-16 6340
router.js routes: [ { path: '', redirect: '/pc_index' }, { path: "/pc_index", // pc端首页 name: PcIndex, component: PcIndex }, { path: '/m_index', // 手机端首页 name: MIndex, component: MIndex
判断是pc端还是wap端
weixin_30918415的博客
02-16 319
方法一: <script> if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi...
js判断浏览器的环境（pc端，移动端，还是微信浏览器）
11-30
本文将详细讲解如何使用JavaScript来判断用户是在PC端、移动端还是微信浏览器环境下访问网站。 首先，我们可以使用`navigator.userAgent`对象来获取浏览器发送的用户代理字符串，这个字符串包含了关于浏览器和操作...
基于vue项目下PC端和移动端实现的自适应.zip
10-21
6. **Vue实例的生命周期钩子**：在Vue组件的生命周期钩子函数中，如created、mounted等，可以检测当前设备的信息，然后根据需要执行相应的初始化操作，比如设置初始状态或加载资源。 7. **自定义指令**：Vue.js支持...
详解JS判断页面是在手机端还是在PC端打开的方法
10-17
本文将详细介绍使用JavaScript（JS）来判断页面是在手机端还是PC端打开的方法。 ### 利用Navigator对象 Navigator对象是一个可以通过JavaScript访问的接口，它提供了有关浏览器和设备的信息。在这个对象中，我们...
js如何判断用户是在PC端和还是移动端访问
10-26
在现代互联网开发中，如何判断用户的访问设备是PC端还是移动端已经成为了一个常见的需求。随着智能手机的普及，越来越多的用户通过移动设备访问网站，因此为移动端用户提供一个良好的浏览体验变得至关重要。对于开发...
js判断客户端是pc端还是移动端
热门推荐
kongjiea笔记
12-27 6万+
function IsPC(){ var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); var flag = true; for (var
判断移动端还是电脑端跳转到不同文件
weixin_30876945的博客
07-20 133
做了一个pc端一个移动端的网站，然后他们说要一个入口文件，根据不同设备大小打开不同文件，于是就有了下面这段： <script type="text/javascript"> if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|...
检测到是移动端还是PC端进入页面，加载不同样式表现
weixin_30606461的博客
04-12 369
　　　　　　if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navig...
Js判断客户端是否为PC还是手持设备
Seven Blog
11-22 4617
function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); var fl
判断当前的浏览器是pc还是移动设备，如果是手机，就跳转到对应手机端网站
博客
02-13 7217
判断当前的浏览段是pc还是移动设备，如果是手机，就跳转到对应手机端网站var sUserAgent=navigator.userAgent; var mobileAgents=['Android','iPhone','Symbian','WindowsPhone','iPod','BlackBerry','Windows CE']; var goUrl = 0; for( var
判断终端类型（移动端还是pc端）的方法
Lucky Star的博客
06-05 5466
要了解某个网站是在移动设备上打开的还是在pc web浏览器中打开的，我们可以用一下方式来搞定： 通过判断Request.UserAgent中的具体信息来分析判断，因为UserAgent包含了很多的信息，所以我们可以根据其中的某些信息来进行判断，具体的判断方式如下： var UA = navigator.userAgent; var ipad = !!(UA.match(/(iPad).
如何判断页面是由移动端还是pc端打开
高天宇的个人博客
10-20 1万+
在做Web前端开发中，经常要考虑到pc端和移动端对功能的不同需求，这时候通常需要根据设备的不同做到一定的响应，这时候可以通过媒体查询实现不同设备宽度下的不同样式，也可以通过判断访问设备的类型，通过判断的结果，返回不同的域名地址，继而加载不同的CSS文件。    那么如何判断页面是由移动端还是PC端打开呢，也就是说怎么判断访问设备的类型呢？      1.媒体查询，但是这个只能判断尺寸，并不能判断是不
如何判断浏览器是移动端还是pc端，以及是否微信端？
九天翔龙的技术博客
08-13 5069
方法一： // 判断浏览器函数 function isMobile(){ if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|Browser...
判断是否是手机端并跳转
hanker的博客
02-05 5420
转载于：http://www.xker.com/page/e2014/0325/131654.html常用跳转代码<script type="text/javascript"> // borwserRedirect (function browserRedirect(){ var sUserAgent = navigator.userAgent.toLowerCase()
前端怎么通过js判断当前设备时移动端还是pc端？
最新发布
07-26
我们被要求使用JavaScript来判断当前设备是移动端还是PC端。根据提供的引用，我们可以总结出几种常见的方法： 1. **通过User Agent字符串检测**：这是最常用的方法，通过检查`navigator.userAgent`中是否包含移动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值