判断是否为手机端页面/pc端的方法

最新推荐文章于 2024-07-08 18:29:48 发布
最新推荐文章于 2024-07-08 18:29:48 发布
阅读量524 收藏
点赞数
分类专栏： 前端知识点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39100915/article/details/80840584
版权

判断是否为手机端：

思路：手机端跳转到一个页面，电脑端显示另外一个页面

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
    window.location.href = "https://www.baidu.com/";
} else {
    window.location.href = "http://news.baidu.com/";
}
方法二：正则 和 三元运算符 

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

Judy1623
关注
专栏目录
js判断客户端是pc端还是移动端
11-22
几种判断设备是否是移动端还是pc端，然后在进行是否跳转页面，达到匹配的效果
是否是手机页面
weixin_48702807的博客
04-02 128
如果手机浏览则跳转到特定的手机页面 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.match(/midp/i)
vue 判断手机访问还是pc 访问
最新发布
qq_33240556的博客
07-08 1106
在 Vue 中，判断用户是通过手机还是 PC 访问网页，可以通过检查属性来实现。这个属性提供了关于浏览器的信息，我们可以从中分析出用户代理字符串，从而判断设备类型。以下是一个简单的示例，说明如何在 Vue 中实现这一逻辑：你可以在项目的入口文件（如main.js）中添加一个全局的方法，或者在某个组件内直接使用这个逻辑。
js判断是否pc端
weixin_33708432的博客
02-28 687
function IsPC() {          var userAgentInfo = navigator.userAgent;          var Agents = ['Android', 'iPhone',              'SymbianOS', 'Windows Phone',              'iPad', 'iPod'          ]...
判断是否是手机访问网站
weixin_44694538的博客
12-17 613
js <script type="text/javascript"> is_mobile(); function is_mobile() { var ua = navigator.userAgent; var url = window.location.host; var...
vue中判断pc还是手机
xixi的博客
12-06 2101
在 App.vue中 export default { name: "App", created() { if (this._isMobile()) { console.log("手机端"); this.$router.replace('/wxLogin'); } else { console.log("pc端"); this.$router.replace('/PCLogin'); } }, methods: {
详解JS判断页面是在手机端还是在PC端打开的方法
10-17
本文将详细介绍使用JavaScript（JS）来判断页面是在手机端还是PC端打开的方法。 ### 利用Navigator对象 Navigator对象是一个可以通过JavaScript访问的接口，它提供了有关浏览器和设备的信息。在这个对象中，我们...
java后台判断客户端是手机/PC并返回不同页面的实例
08-28
Java后台判断客户端是手机/PC并返回不同页面的实例 在Web开发中，判断客户端是手机还是PC是非常重要的一步，因为这将影响到页面的展示和交互方式。在本文中，我们将分享一个使用Java后台判断客户端是手机/PC并返回...
PHP判断PC端还是手机端.rar_Echo Echo_PHP判断PC端还是手机端_php判断手机端
09-21
本教程将详细介绍如何使用PHP判断用户是通过PC端还是手机端进行访问，并提供了一个简单的示例代码。 首先，我们要理解的是，PHP是一种服务器端的脚本语言，它不能直接获取用户的浏览器信息，但可以通过分析HTTP请求...
thinkphp判断访客为手机端或PC端的方法
12-19
通过判断设备类型动态切换应用名称和路径，可以实现PC端和移动端的页面自动适配。 总结：在ThinkPHP3.0中，通过分析用户代理信息和设置相应的应用常量，我们可以轻松地实现对手机和平板等移动设备的智能识别，进而...
判断当前设备是移动端还是pc端
zouyang920的博客
03-28 1920
首先，我们使用正则表达式匹配navigator.userAgent中是否包含iPhone、iPad、iPod、Android这些关键字，如果匹配成功，则说明当前是在移动端。因此，我们可以通过判断UA中的关键字来确定页面访问者的设备类型。需要注意的是，该方法并不100%准确，因为用户可以使用PC浏览器模拟手机UA，也有可能使用移动端浏览器访问PC网站（目前pc端测试模拟手机ua，一样显示手机端，是准确的）。目前后台配置已最佳比例显示，pc和移动端都受影响，现在就是需要是移动端才调api，pc端的话不动。
基于VUE实现判断设备是PC还是移动端
10-15
主要介绍了基于VUE实现判断设备是PC还是移动端,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Vue - 判断访问网页客户端设备是手机移动端还是 PC 电脑端（判断设备类型是否是移动端手机）
王佳斌
06-27 6423
Vue - 判断访问网页客户端设备是手机移动端还是 PC 电脑端（判断设备类型是否是移动端手机），vue, js 利用 navigator.userAgent 判断是手机还是电脑，判断是页面是在手机端还是PC端打开(navigator.userAgent)，使用JS来判断页面是在手机端还是在PC端打开的方法，vue-判断设备是手机端还是pc端 ，vue判断是页面是手机端还是电脑端，vue js判断客户端是pc端还是移动端，怎么知道页面是在PC上还是手机上打开的？JS判断当前访问设备是手机/平板/电脑，判断当
Vue - 判断当前设备是手机端或者pc端，根据设备展示页面
技术共享，共同进步！
10-27 3189
判断当前设备是手机端或者pc端，根据设备展示页面 在项目中经常会遇到支持 pc 与手机端的需求。但是 pc 端和手机端尺寸差距很大，一个文件很难实现这种需求。 这个时候就需要判断当前的设备，根据设备来跳转不同的路由。 项目 router 文件夹下的 index.js 中有两个路由，分别是 pc 端路由和移动端路由export default new Router({ routes: [ { path: '/', redirect:'/pc-home' },
vue页面，判断是PC端还是手机端
小李在努力学习
04-21 352
vue页面，判断是PC端还是手机端。
Vue 如何判断是pc端还是手机端
2401_84868241的博客
05-16 286
Vue 如何判断是pc端还是手机端
vue判断设备是手机端还是pc端
weixin_46413834的博客
08-16 6145
router.js routes: [ { path: '', redirect: '/pc_index' }, { path: "/pc_index", // pc端首页 name: PcIndex, component: PcIndex }, { path: '/m_index', // 手机端首页 name: MIndex, component: MIndex
怎么判断用户在手机端还是pc端登陆,才显示不同的页面嗯?
03-31
可以通过检测用户的设备类型来判断用户是在手机端还是PC端登录。常用的方法包括： 1. 使用CSS媒体查询来检测设备宽度，通常手机端屏幕宽度比PC端要小很多，可以设置响应式布局来适应不同的屏幕尺寸。 2. 通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值