经常使用的几种判断手机端或PC端的方法

最新推荐文章于 2024-07-23 16:33:08 发布

原创最新推荐文章于 2024-07-23 16:33:08 发布 · 749 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

web前端开发专栏收录该内容

7 篇文章

订阅专栏

本文提供了一段JavaScript代码示例，用于检测用户的设备是否为移动设备。通过正则表达式匹配navigator.userAgent字符串来判断设备类型，进而根据不同的设备类型跳转到相应的网站。

window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? 'https://www.baidu.com' 
  : 'https://www.google.com.hk';

var isMobile = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(navigator.userAgent);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ruizer

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

精选资源

js实现PC端移动端通用的图片懒加载.rar

10-15

本教程将围绕"js实现PC端移动端通用的图片懒加载"这一主题，详细介绍其核心原理和实现方法。首先，我们需要理解什么是图片懒加载。传统的网页加载方式是当页面加载时，所有图片资源都会一次性加载，这可能导致加载...

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

11-22

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

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

判断浏览器是电脑端或者手机端

zhangJinXiang_的博客

11-30

846

判断是pc还是移动浏览器

Q_Zkok的博客

11-30

235

判断移动端和pc端最简单的方法

weixin_30311605的博客

08-01

192

<!DOCTYPE html><html><head> <title></title> <script type="text/javascript"> window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAg...

java 判断客户端是手机端还是PC端（SSH框架）

qq_38084142的博客

08-14

2882

如果网站需要实现手机和PC双界面适应，可以有两种方式：第一种是响应式界面，根据屏幕宽度来判定显示的格式。这种需要前端来做，手机/PC共用一套代码，有一定的局限性。第二种是Java后台通过request请求头中的内容来分析客户端设备类型，从而返回不同的参数响应。这种方法需要前端写两套代码，根据Java后台返回的参数不同而跳转到不同的界面。代码示例如下： struts.xml： &lt...

判断页面是在手机端还是在PC端打开的两种方法

weixin_61006919的博客

11-12

6851

UA(UserAgent)是指HTTP请求头中的一部分，用于标识客户端的一些信息，比如用户的设备类型、浏览器型号等等。因此，我们可以通过判断UA中的关键字来确定页面访问者的设备类型。媒体查询是CSS3的一个新特性，可以根据不同的媒体类型（比如设备屏幕的宽度、高度、方向等）来设置不同的CSS样式。需要注意的是，该方法并不100%准确，因为用户可以使用PC浏览器模拟手机UA，也有可能使用移动端浏览器访问PC网站。需要注意的是，该方法只能判断设备的屏幕宽度，不能确定设备的真实类型，因此并不太准确。

js判断手机端和pc端

09-07

要判断手机端和PC端，可以通过使用JavaScript来检测用户的设备类型和屏幕尺寸。下面是几种常用的方法： 1. 使用navigator.userAgent检测浏览器的User-Agent字符串。在手机端，通常User-Agent中会包含关键词"Android...

vue判断手机端还是pc端

热门推荐

刻痕

06-27

1万+

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

JavaScript判断手机或电脑端

偷得浮生半日闲

04-07

9991

JavaScript判断手机或电脑端判断手机端和电脑端可以根据屏幕大小来判断，也可以使用 navigator 属性判断 1、判断代码： function isMobile() { var userAgentInfo = navigator.userAgent; var mobileAgents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var mobile_flag = fals

判断访问设备为手机端还是PC端的方法及应用

星夜的博客

05-08

1765

方法： if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { console.log('手机端') } else { console.log('pc端') } 应用一：vue中可以在router.js(路由)中判断访问的是手机还是pc，通过判断加载不同的组建实现同一个地址可以按条件加载不同类型的组建 var room = '' if (/Android|webOS|iPhone|iPod|BlackBerr

如何使用js 判断在pc打开还是手机

weixin_45776545的博客

07-23

2120

另外，随着Web技术的发展，现代浏览器和Web应用越来越多地采用响应式设计（Responsive Design）和渐进式增强（Progressive Enhancement）的策略，以适应不同设备的屏幕尺寸和性能。因此，在很多情况下，你可能不需要直接判断用户是在PC还是手机上访问，而是应该通过CSS媒体查询（Media Queries）等技术来适应不同的设备和屏幕尺寸。不过，由于设备和操作系统的多样性，这个列表可能并不完整。这样的库，这些库提供了更全面的设备检测功能，但需要注意的是，它们也是基于。

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

江一铭

12-06

6906

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

vue判断设备是移动端还是pc端

钱辉

09-12

1万+

判断pc与手机端，根据不同的设置跳转不同的路由。 const routes = [ { path: "/", component: () => import( "../components/test.vue") }, { path: "/test", // pc端首页 component: () => import( "../components/test.vue") }, { path: '/mi', // 手机端

navigator实现移动端和PC端自动跳转

weixin_42178670的博客

10-27

873

通过userAgent属性，返回客户机发送给服务器的user-agent头部的值。