首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

如何判断pc还是移动

目前来说比较常用的是通过js去拿navigator.userAgent这个属性,这是一个字符串,如果里面包含mobi,andorid,iphone等关键词就可以判断移动设备。...} 然后有一个更简单的方法就是通过屏幕宽度判断是否手机。...由于手机屏幕普遍干不过电脑,所以可以很简单的去识别是否手机。...Window还提供了一种方法window.orientation,这个属性用于判断手机是否是横屏,如果不是移动设备的话你获取这个属性会返回undefined。...第四种是触发touch事件,通过trycatch去手机的dom元素执行touch事件,如果捕获异常则证明是pc。 其他的可以通过各种工具包轮子去判断。常用方法大概就这几种。

2.2K10

通过Js判断客户PC还是手持设备

原理 Js中获取浏览器信息字符串只要使用navigator.userAgent即可,这样我们再利用indexof来判断版本其它信息了。...*Mobile.*/), //是否移动终端 ios: !!u.match(/(i[^;]+;( U;)? CPU....网络爬虫在发送http请求获取网页数据时也会在头部附加 User-Agent信息,特别注意的一点就是有些野蜘蛛 User-Agent信息空,这样就需要在程序中做是否空的判断,防止robots.txt...可以像下面这样(PHP实例,其他同理),判断到访问者的User-Agent空,则返回404: <?...判断客户是否PC还是手持设备 利用JS userAgent判断识别浏览器代码 HTTP请求中的User-Agent 判断浏览器类型的各种方法 网络爬虫的请求标示

7.6K20

如何避免 CDN PC 缓存移动页面

❝本题摘自于我 github 上的面试每日一题:https://github.com/shfshanyue/Daily-Question,并有大厂面经及内推信息 ❞ 如果 PC 移动是一套代码则不会出现这个问题...「这个问题出现在 PC 移动是两套代码,却共用一个域名。」...使用 nginx 配置如下,根据 UA 判断是否移动,而走不同的逻辑 (判断UA是否移动容易出问题) location / { // 默认 PC root /usr/local/...website/web; # 判断 UA,访问移动 if ( $http_user_agent ~* "(Android|webOS|iPhone|iPad|BlackBerry...Vary: User-Agent 但最好不要出现这种情况,PC 移动如果是两套代码,建议用两个域名,理由如下 nginx 判断是否移动容易出错 对缓存不友好

1.9K10

php中如何判断用户是移动还是pc

个人网站:【芒果个人日志】​​​​​​ 原文地址:php中如何判断用户是PC还是移动 - 芒果个人日志 (wyz-math.cn) 作者简介: THUNDER王,一名热爱财税和SAP ABAP...文章概要:在移动快速发展的今天,手机的日常使用率早已大大超过电脑,而对于网页开发中也相应存在对应的需求————对于某些页面,PC移动端点击时分别进入不同的页面 每日一言:要记得,无论现在多么痛苦...函数调用 - 同一文件中调用在需要判断用户是移动还是PC处调用 - 不同文件中调用在开头处通过"require_once()"引用包含1中函数的php代码模块,并在需要判断用户是移动还是PC处调用...函数调用 - 同一文件中调用 在需要判断用户是移动还是PC处调用 - 不同文件中调用 在开头处通过"require_once()"引用包含1中函数的php代码模块,并在需要判断用户是移动还是PC处调用

1.5K20

vue项目移动pc适配方案

vue项目移动pc适配方案 lib-flexible 根据屏幕宽度,自动设置html的font-size postcss-px2rem 自动将px单位转换成rem 一、第一步先安装 flexible...二、引入lib-flexible 在项目入口文件main.js 中引入lib-flexible import 'lib-flexible' 注意事项(important): 由于flexible会动态给页面...之所以设为37.5,是为了引用像mint-ui这样的第三方UI框架,因为第三方框架没有兼容px2rem ,将remUnit的值设置设计图宽度(这里750px)75的一半,即可以1:1还原mint-ui...pc的适配方案,当然手机pc也可以同时适配,前提是页面布局不变。...一般而言,手机pc共用一个项目还是建议使用栅格布局、媒体查询控制。 六、参考 vue中使用rem布局解析+大屏自适应 基于vue cli3的移动适配问题

3.1K30

移动使用CSSJS判断横屏和竖屏的讲解

移动中我们经常碰到横屏竖屏的问题,那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。...不一定,有些浏览器会将user-scalable理解用户手动缩放,如果user-scalable=no,initial-scale将无法生效。...4)、手机页面可以触摸移动,但是如果有需要禁止此操作,就是页面宽度等于屏幕宽度是页面正好适应屏幕才可以保证页面不能移动。...; } }, false); //移动的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。...--css媒介查询判断-- @media (orientation: portrait) { } 横屏 @media (orientation: landscape) { }竖屏 进入网页检测是否横屏状态

5.8K11
领券