网页适配，判断浏览当前网页的设备是pc还是Mobile

最新推荐文章于 2024-03-28 17:14:00 发布

lz678

最新推荐文章于 2024-03-28 17:14:00 发布

阅读量171

点赞数

文章标签： javascript 前端 html html5 react

本文链接：https://blog.csdn.net/lz678/article/details/124754673

版权

  isMobile: function () {
    const ua = navigator.userAgent.toLowerCase();
    if (ua.match(/mobile/)) {
      return true;
    }
    return false;
  },

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lz678

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Js判断当前打开页面的设备

koi12593的博客

03-21

918

在前端的开发的过程中，我们需要对页面进行部分浏览器的兼容或者对PC端与手机端进行判断，在这里记录一下自己在项目开发的过程中用到的对于设备的判断的方式。 // 在页面加载的时候，进行当前页面打开的设备的判断 $(document).ready(function () { // 设备判断显示 let browser = { versions: (function () { ...

判断打开网页的终端是什么设备（PC、手机等）

李天泉

11-04

3263

var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE

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

判断当前浏览器环境是否是移动端

weixin_42289080的博客

11-09

672

直接上代码 // 测试移动端环境 function isMobileNavigator() { let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i) // match的返回值：如果匹

判断浏览器信息，及当前浏览网页使用的设备

TargetObject1的博客

08-02

270

我们需要知道用户正在使用什么浏览器及设备浏览，显示相对应的网页

html如何判断是否电脑访问,js判断访问设备是电脑还是手机

weixin_39882271的博客

06-18

1085

用户访问网页的设备基本分为桌面设备(电脑)和移动设备(手机、pad等)，为了更好的用户体验，很多站点都做了PC和mobile两种页面。那么除了通过后端程序判断访问设备外，可以通过js来判断访问设备是电脑还是手机吗？可以的！！有朋友该问了，为什么不做自适应的啊？有些页面结构比较复杂，不太适合做自适应的。下面给出这段js代码，可以判断访问设备，然后进行相应的跳转。if (/(iPhone|iPad|i...

详解JS判断页面是在手机端还是在PC端打开的方法

10-17

为了适配不同的屏幕尺寸和设备特性，开发者需要能够区分访问网站的设备是移动设备还是桌面电脑（PC）。本文将详细介绍使用JavaScript（JS）来判断页面是在手机端还是PC端打开的方法。 ### 利用Navigator对象 ...

js判断浏览器类型是pc端还是手机端进行样式自适应

江夏、的博客

09-13

1225

最近公司有个页面需要做pc端和手机端的页面自适应，即手机打开是指定的样式，pc打开则是pc指定的样式，样式是前端ui已经设计好了的。所以这里需要通过Navigator userAgent 属性判断浏览器的类型。 userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。比如：edge浏览器 chrome浏览器：所以只需要写一个函数 function isComputerOrPhone() { var sUserAgent = navigator.

PC页跳转手机页.rar_PC页跳转手机页_pc页是什么_手机脚本

09-24

在互联网的多设备环境下，PC页跳转手机页是一种常见的技术手段，旨在为用户提供无缝的浏览体验，无论他们使用的是台式电脑还是移动设备。这一技术的核心在于通过JavaScript脚本来实现页面间的智能重定向。接下来，...

JS 动态判断PC和手机浏览器实现代码

10-21

JS动态判断PC和手机浏览器的实现方法主要依赖于JavaScript编程语言，通过识别用户的Navigator User Agent字符串来分辨当前浏览设备。User Agent（用户代理）是客户端用来向服务器和其他设备表明其身份的一串字符串。...

基于JS实现移动端访问PC端页面时跳转到对应的移动端网页

10-22

如果检测到这些设备，就使用`window.location.replace(url)`方法将当前页面替换为移动端的对应页面。在实际应用中，你需要在HTML文档的头部或底部引入这个JS文件，并调用`browserRedirect`函数，传入移动端页面的...

判断当前设备是移动端还是pc端

最新发布

zouyang920的博客

03-28

2259

首先，我们使用正则表达式匹配navigator.userAgent中是否包含iPhone、iPad、iPod、Android这些关键字，如果匹配成功，则说明当前是在移动端。因此，我们可以通过判断UA中的关键字来确定页面访问者的设备类型。需要注意的是，该方法并不100%准确，因为用户可以使用PC浏览器模拟手机UA，也有可能使用移动端浏览器访问PC网站（目前pc端测试模拟手机ua，一样显示手机端，是准确的）。目前后台配置已最佳比例显示，pc和移动端都受影响，现在就是需要是移动端才调api，pc端的话不动。

java web判断服务器是否是本机

hw1287789687的专栏

11-21

790

1,如何获取浏览器的ip /*** * 获取客户端ip地址(可以穿透代理) * @param request * @return */ public static String getClientIpAddr(HttpServletRequest request) { String ip = request.getHeader("X-Forwarde...

js判断手机机型，是否在华为、iphone、小米、三星打开

weixin_49295874的博客

03-10

2452

https://blog.csdn.net/qq_33183172/article/details/98961419 判断打开目前的是什么手机品牌要在业务里知道是页面通过什么平台打开的，在前端使用userAgent来进行判断。以下正文涉及3类：主流的手机品牌判断方法、是否在微信打开、是否在PC或Pad打开。判断业务是否是 iphone、华为、小米、oppo、view、三星打开 function judgeBrand(sUserAgent) { var isIphone = sUs

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

江咏之

12-06

6585

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

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

liuhao9999的博客

10-08

818

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

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

js实现打开网页设备判断

wml

11-11

2168

js实现打开网页设备判断 /*判断打开设备*/ var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac")

关于网页js判断“客户端设备类型是移动端还是PC端“的解决方法？

草巾冒小子的博客

06-14

4156

网页中js如何判断设备类型是手机端还是pc端？有时候会在项目中遇到设备类型判断的问题，这里和大家分享一个js判断设备类型的办法；通过这个办法，不仅有效解决设备类型的判断问题，并且可直接根据设备类型不同而改变用户访问的网页链接。说到设备类型的判断，这里不得不提一下HTML DOM userAgent属性。简单的来说，userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的

仿响应式html:JS来判断页面是在手机端还是在PC端打开的方法

开心大表哥

12-08

2万+

我们想要的效果是pc文件和mobile文件统一入口，适配不同的设备。先看看项目的目录：在index.html里面配置js控制选择那一个文件夹下的文件就可以了。我们要利用：Navigator 对象，Navigator 对象包含有关浏览器的信息。 index.html很简单，直接上码吧：<!DOCTYPE html> <html> <head> <meta ch

PHP如何区分访问设备是PC还是手机

13. 本资源的使用方法: 根据描述，用户可以在PHP脚本中调用isMobile()函数，并根据其返回值来判断当前访问设备是PC还是手机端，进而选择输出相应的标识。通过上述知识点，可以看出本资源文件在Web开发中具有一定的...