前端JS判断页面是在pc端还是移动端打开方法

最新推荐文章于 2024-07-23 16:33:08 发布
最新推荐文章于 2024-07-23 16:33:08 发布
阅读量1.7k 收藏
点赞数
分类专栏： js学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fangyuwuzhu/article/details/85125033
版权

同一个域名：需要在PC端和移动端显示不同的项目，新建一个第三方项目，里面就放一个页面，js里面写一个页面加载事件，如下：

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

利用了正则表达式和三目运算符，含义就是如果是移动端打开的话那就跳转到 “https:www.baidu.com/” ，如果不是就跳转到”http://new.baidu.com/“

愚城
关注
专栏目录
js判断客户端是pc端还是移动端
11-22
几种判断设备是否是移动端还是pc端，然后在进行是否跳转页面，达到匹配的效果
js如何判断用户是在PC端和还是移动端访问
12-11
最近一直在忙我们团队的项目“咖啡之翼”，在这个项目中，我们为移动平台提供了一个优秀的体验。伴随Android平台的红火发展。不仅带动国内智能手机行业，而且许多国内开发者也开始投身于Android移动终端的大浪潮中。...
前端：一个相同的链接在pc端和移动端打开不同的页面样式
qq_43546677的博客
04-06 1792
希望对于刚学前端的小朋友有所帮助，我也是个新手，不对的还请指出更正，谢谢
如何使用js 判断在pc打开还是手机
最新发布
weixin_45776545的博客
07-23 747
另外，随着Web技术的发展，现代浏览器和Web应用越来越多地采用响应式设计（Responsive Design）和渐进式增强（Progressive Enhancement）的策略，以适应不同设备的屏幕尺寸和性能。因此，在很多情况下，你可能不需要直接判断用户是在PC还是手机上访问，而是应该通过CSS媒体查询（Media Queries）等技术来适应不同的设备和屏幕尺寸。不过，由于设备和操作系统的多样性，这个列表可能并不完整。这样的库，这些库提供了更全面的设备检测功能，但需要注意的是，它们也是基于。
判断当前设备是移动端还是pc端
zouyang920的博客
03-28 1874
首先，我们使用正则表达式匹配navigator.userAgent中是否包含iPhone、iPad、iPod、Android这些关键字，如果匹配成功，则说明当前是在移动端。因此，我们可以通过判断UA中的关键字来确定页面访问者的设备类型。需要注意的是，该方法并不100%准确，因为用户可以使用PC浏览器模拟手机UA，也有可能使用移动端浏览器访问PC网站（目前pc端测试模拟手机ua，一样显示手机端，是准确的）。目前后台配置已最佳比例显示，pc和移动端都受影响，现在就是需要是移动端才调api，pc端的话不动。
如何判断是PC端还是移动端来显示页面？
weixin_34380948的博客
12-20 828
进入域后判断是移动端还是pc端显示不同的页面（PC/MOBILE） 很多情况下，一个应用会有PC和移动端两个版本，而这两个版本因为差别大，内容多，所以不能用响应式开发但是单独开发，而域名只有一个，用户进入域后直接返回对应设备的应用，做法主要有两种： 前端判断并跳转进入一个应用或者一个空白页面后，通过navigator.userAgent...
前端判断pc/移动端?
小小前端攻城狮
10-12 1334
前言: 前端在做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前端判断网页是PC端还是移动端，判断移动端类型
qq_59710846的博客
01-02 1637
根据方法里写的常量来判断移动端类型是为true，否为false。
基于VUE实现判断设备是PC还是移动端
10-15
在前端开发中，有时我们需要根据用户使用的设备类型来提供不同的界面体验，这通常涉及到判断设备是PC还是移动端。Vue.js，作为一个轻量级且强大的前端框架，提供了多种方式来实现这种设备判断。本文将详细介绍如何在...
js判断浏览器的环境（pc端，移动端，还是微信浏览器）
11-30
本文将详细讲解如何使用JavaScript来判断用户是在PC端、移动端还是微信浏览器环境下访问网站。 首先，我们可以使用`navigator.userAgent`对象来获取浏览器发送的用户代理字符串，这个字符串包含了关于浏览器和操作...
详解JS判断页面是在手机端还是在PC端打开的方法
11-26
本文将详细讲解如何使用JavaScript的Navigator对象来判断页面是在手机端还是在PC端打开，并给出相应的代码实现。 首先，我们需要了解`navigator`对象。在JavaScript中，`navigator`对象是全局对象的一个属性，它...
javascript 判断 前端 是 pc端 还是 移动端
weixin_44493841的博客
02-25 463
javascript 判断 前端 是 pc端 还是 移动端 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>title</title> </head> &l
如何判断是pc端还是移动端
江咏之
12-06 6550
有时候会被别人问起pc端和手机端有什么区别。一般来说都会去说，兼容性啊，适配啊，网页布局这方面的事情，但是我觉得这个问题如果想要拿一个满分应该从区别出发，从如何判断收尾。毕竟你只知道区别没有用，他可能更想让你说出来你是怎么判断的。像是面试的时候如果你自己主动说出来扯一堆王八犊子也很能拖延时间。说不定会给面试加分。从区别入手Pc端需要考虑的是浏览器的兼容性，不能局限于我们常用的谷歌浏览器，要为客户那边考虑，而手机端需要为不同的型号做考虑，安卓ios华为。同时也要更多考虑手机分辨率的适配。不同操作系统的细微差异
js判断设备是PC端还是移动端
热门推荐
sunsijia21983的博客
01-29 1万+
方法一 function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flagPc = true; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) &
js判断移动端还是pc端
刻痕
06-27 1万+
判断是否是pc端还是移动端，网络方案：方案一： 方案二： 方案三： 方案四： 拓展： 智能机浏览器版本信息: 是否是ipad： 判断浏览器是否为IE8以下 是否为IE 参考链接：https://www.cnblogs.com/T8888/p/14603164.html...
JS判断页面是在pc端还是移动端打开方法
github_39088222的博客
03-28 7411
好久没复习js了，今天正好之前的项目要重新写一套移动端的代码，之前的没有做移动端的兼容，故将遇到的问题写在上面： 在移动设备应用越来越广泛的今天，许多网站都开始做移动端的界面展示，两者屏幕尺寸差异很大，所以展示的内容也有所差别。于是就遇到一个问题，如何判断你的页面是在移动端还是在PC端打开的，很简单的问题，那我们就简单点来说： Navigator对象 　　首先来了解一下Navigator 对...
JavaScript判断设备处于PC端还是移动端
kirinlau的专栏
10-30 7676
在做web前端开发时，经常会遇到pc端和移动端的事件触发，显示内容以及兼容问题或者优雅渐进、兼容降级等问题，需要做一些判断，下面是一个比较全的判断方式：function goPAGE(){ if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|M
js判断当前浏览器是pc端还是移动端
Circle-C的博客
03-07 2312
根据用户的访问设备的不同来显示不同的页面样式，主要是判断移动设备还是电脑浏览器访问的。 下面给出js判断处理代码，以作参考。 <script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad.
前端如何判断pc端还是移动端跳转
03-31
前端可以通过判断用户使用的浏览器类型、屏幕尺寸等方式来判断用户是在PC端还是移动端。根据判断结果，可以在代码中使用条件语句实现不同的跳转逻辑。以下是一些实现方式： 1. 判断浏览器类型 可以通过navigator....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值