前端判断当前页面是否是移动端还是PC端

最新推荐文章于 2024-04-26 16:47:03 发布

要帅气

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量800

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_50316900/article/details/126221379

版权

if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) {
       			console.log('移动端');
} else {
             console.log('PC端');
 }

优惠劵

要帅气

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
前端判断当前页面是否是移动端还是PC端

判断端前端页面当时打开的是PC端还是移动端
复制链接

扫一扫

JavaScript 侦测手机浏览器的五种方法

liuhao9999的博客

10-08

719

一、navigator.userAgent 最简单的方法就是分析浏览器的 user agent 字符串，它包含了设备信息。 JS 通过navigator.userAgent属性拿到这个字符串，只要里面包含mobi、android、iphone等关键字，就可以认定是移动设备。 if (/Mobi|Android|iPhone/i.test(navigator.userAgent)) { // 当前设备是移动设备 } // 另一种写法 if ( navigator.userAgent.ma

php判断当前操作系统类型

10-23

主要介绍了php判断当前操作系统类型，分为两种情况一种是服务器端，一种是客户端，感兴趣的小伙伴们可以参考一下

1 条评论您还未登录，请先登录后发表或查看评论

【web前端技术】判断是否是手机端

热门推荐

广龙宇的博客

06-22

13万+

通常在判断浏览终端类型时，会用后端来判断请求时从哪种设备发出的，根据请求中的User-Agent来判断，但是在某些情况下，还是会用到前端检测终端类型，并进行操作，本文就是在解决这个问题。在查阅了大量网络资料后，我将这些资料进行了整理。...

前端判断pc/移动端?

小小前端攻城狮

10-12

1312

前言: 前端在做pc/移动端适配的时候,需要判断打开终端是pc/mobile? 代码如下（示例）： function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) { //跳转移动端页面

VUE前端判断是电脑端还是移动端

renkai721的专栏

10-18

1285

VUE前端判断是电脑端还是移动端

js判断移动端还是pc端

刻痕

06-27

1万+

判断是否是pc端还是移动端，网络方案：方案一：方案二：方案三：方案四：拓展：智能机浏览器版本信息: 是否是ipad：判断浏览器是否为IE8以下是否为IE 参考链接：https://www.cnblogs.com/T8888/p/14603164.html...

如何判断是pc端还是移动端

江咏之

12-06

6337

有时候会被别人问起pc端和手机端有什么区别。一般来说都会去说，兼容性啊，适配啊，网页布局这方面的事情，但是我觉得这个问题如果想要拿一个满分应该从区别出发，从如何判断收尾。毕竟你只知道区别没有用，他可能更想让你说出来你是怎么判断的。像是面试的时候如果你自己主动说出来扯一堆王八犊子也很能拖延时间。说不定会给面试加分。从区别入手Pc端需要考虑的是浏览器的兼容性，不能局限于我们常用的谷歌浏览器，要为客户那边考虑，而手机端需要为不同的型号做考虑，安卓ios华为。同时也要更多考虑手机分辨率的适配。不同操作系统的细微差异

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

10-15

主要介绍了基于VUE实现判断设备是PC还是移动端,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

移动端+pc端自适应适配解决方案

06-29

适用于前端H5 pc端的适自创适配方案，有效解决各个尺寸适配，根据浏览器可视区域自适应元素，使用方法：将资源下载下来，放入单独js文件中，独立写成一个全局方法，如果是vue项目就在main.js中引入。如果是原生js...

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

11-22

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

js判断浏览器的环境（pc端，移动端，还是微信浏览器）

11-30

今天突然看到一段很好的代码，分享给大家，顺便也给自己留个笔记，js判断浏览器的环境具体如下：方法一： // 判断浏览器函数 function isMobile(){ if(window.navigator.userAgent.match(/(phone|pad|pod|...

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

12-11

最近一直在忙我们团队的项目“咖啡之翼”，在这个项目中，我们为移动平台提供了一个优秀的体验。伴随Android平台的红火发展。不仅带动国内智能手机行业，而且许多国内开发者也开始投身于Android移动终端的大浪潮中。...

使用JS判断访问设备是电脑还是手机

lfq761204的博客

06-03

1万+

一、前言有时在编写前端页面视图时，需要根据用户不同的访问设备（手机或电脑）对页面设置不同显示样式或跳转到不同的页面。可以通过JS代码获取Navigator对象的userAgent属性，通过

前端超简单代码判断当前浏览设备为PC、手机、平板

闷油瓶小哥的博客

08-30

3874

//check for browser os var isMobile = false; var isiPhoneiPad = false; if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { isMobile = true; } if (/i...

判断网页打开的是移动端还是PC端

dui845819593的博客

07-27

3158

这是React的CSS媒体查询（Mediaqueries）hook。它监听与CSS媒体查询的匹配的内容。它允许根据查询的结果是否匹配来渲染组件。

前端判断打开网址的是PC端浏览器，是什么浏览器，还是移动端

m0_59070120的博客

11-18

492

2，第二个，看发送请求的标头的userAgent。手机端的话会有mobile。

JavaScript - 判断浏览器内的页面是在手机端还是电脑（PC）上打开的（判断用户访问设备是什么）

王佳斌

08-22

1300

vue, js 利用 navigator.userAgent 判断是手机还是电脑，JS判断是页面是在手机端还是PC端打开(navigator.userAgent)，使用JS来判断页面是在手机端还是在PC端打开的方法，vue-判断设备是手机端还是pc端 ，vue判断是页面是手机端还是电脑端，vue js判断客户端是pc端还是移动端，怎么知道页面是在PC上还是手机上打开的？JS判断当前访问设备是手机/平板/电脑，js 判断当前是手机还是电脑，js判断浏览器是手机还是js 判断手机端pc端。详解JS判断页面是在手

【js判断移动端和pc端】【js判断是否是ipad（兼容ios13）】

Min_Fox的博客

12-26

2418

在前端代码中，经常需要判断设备的类型，再来展示相对应的页面。也就是分为移动端和PC端。js中可以使用navigator.userAgent来输出当前设备的详细信息。JS怎样判断设备型号，怎样区分移动端还是PC端的方法

vue快速入门（四十六）Router的安装与使用

最新发布

不起眼小菜菜的博客

04-26

534

步骤很详细，直接上教程……

前端如何判断pc端还是移动端跳转

03-31

前端可以通过判断用户使用的浏览器类型、屏幕尺寸等方式来判断用户是在PC端还是移动端。根据判断结果，可以在代码中使用条件语句实现不同的跳转逻辑。以下是一些实现方式： 1. 判断浏览器类型可以通过navigator.userAgent获取用户的User Agent信息，根据其中包含的关键字判断用户使用的是PC端还是移动端浏览器。示例代码： ```javascript if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { // 移动端跳转 } else { // PC端跳转 } ``` 2. 判断屏幕尺寸可以通过window.screen.width和window.screen.height获取用户屏幕的尺寸，根据尺寸大小判断用户是在PC端还是移动端。示例代码： ```javascript if(window.screen.width < 768) { // 移动端跳转 } else { // PC端跳转 } ``` 3. 使用CSS媒体查询可以利用CSS媒体查询来根据屏幕尺寸自动适应不同的布局。通过在HTML中设置不同的class，可以在JS中根据class来判断用户是在PC端还是移动端。示例代码： ```html <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .pc { display: block; } .mobile { display: none; } @media only screen and (max-width: 768px) { .pc { display: none; } .mobile { display: block; } } </style> </head> <body> <div class="pc">PC端内容</div> <div class="mobile">移动端内容</div> <script> if(document.querySelector('.mobile').style.display == 'block') { // 移动端跳转 } else { // PC端跳转 } </script> </body> ``` 以上是几种判断PC端还是移动端并跳转的方式，根据实际情况选择合适的方式即可。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交