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

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

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

    2.5K10

    通过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.7K20

    如何避免 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 判断是否移动端容易出错 对缓存不友好

    2K10

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

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

    1.6K20

    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.8K30
    领券