首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何判断是pc还是移动

有时候会被别人问起pc和手机有什么区别。一般来说都会去说,兼容性啊,适配啊,网页布局这方面的事情,但是我觉得这个问题如果想要拿一个满分应该从区别出发,从如何判断收尾。...从区别入手 Pc需要考虑的是浏览器的兼容性,不能局限于我们常用的谷歌浏览器,要为客户那边考虑,而手机需要为不同的型号做考虑,安卓ios华为。同时也要更多考虑手机分辨率的适配。...Pc和手机在事件处理上区别不大,pc没有触屏,手机没有悬停事件,同时手机多了一个键盘的弹出。...关于如何辨别是pc还是手机 这里参照了阮一峰老师9月份的文章,我上网找资料的时候发现很多人不会标注原作者直接转载。只能说阮一峰老师一个人养活了很多博客主。...第四种是触发touch事件,通过trycatch去为手机的dom元素执行touch事件,如果捕获异常则证明是pc。 其他的可以通过各种工具包轮子去判断。常用方法大概就这几种。

2.4K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何避免 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...目前于江西师范大学会计学专业大二本科在读,同时任汉硕(广东)科技有限公司ABAP开发顾问。...函数调用 - 同一文件中调用在需要判断用户是移动还是PC处调用 - 不同文件中调用在开头处通过"require_once()"引用包含1中函数的php代码模块,并在需要判断用户是移动还是PC处调用...函数调用 - 同一文件中调用 在需要判断用户是移动还是PC处调用 - 不同文件中调用 在开头处通过"require_once()"引用包含1中函数的php代码模块,并在需要判断用户是移动还是PC处调用

    1.6K20

    腾讯服务器如何上传文件

    程序里找到 腾云助手IIS 注意: 切勿随便更改软件目录下所有文件 的名称、文件件的名称以及位置等!!!!...MySQL数据库文件存放路径,各种设置等等,只需要在此设置。如果你用其他软件,如PhpMyadmin修改了root密码之后,需要在此处重新设置密码,方可正常使用功能! ...启动 2、网站管理(切换Apache、Nginx不同服务器模式,照常运行!) 3、数据库管理  4、FTP管理(安装前请先卸载微软自带的FTP,否则会提示无法安装!)...5、计划任务(定时备份网站和Mysql数据库) 此功能可以帮助你做好充足的备份,使用起来非常方便,设置好执行日期和时间即可  完成之后 就开始传网站啦 在本地的电脑   就是客户 你用的那台上面 点开始...在驱动器模块,选择要上传到Windows服务器文件所在的硬盘。 4. 配置完成后,登录到Windows服务器,选择“Start”->“Computer”,可以看到挂载到服务器上的本地硬盘。

    47.2K2520

    如何选择合适的PC服务器

    首先,要了解服务器所执行的任务和作用。如果只是提供文件和打印共享,对服务器是一个相对较轻的负荷。这时,CPU速度是必要因素,用户可以优先考虑磁盘子系统和网络I/O的性能。...另外,文件服务器对内存的要求也相对较低。而应用服务器所有的需求均比文件服务器要高,具体体现在更强的处理器能力,因为用户程序大部分是在服务器运行。...显然,在一个对应用服务器要求不高的小型网络中和在一个有数百客户使用共享文件和打印机的大型网络中,后者文件服务器的性能通常要高出前者的应用服务。...易用性 由于PC服务器的体系结构沿用了PC机的IA架构,所采用的核心部件如处理器、内存和硬盘等也都与PC机相似,因此它的安装过程和操作方式也有点象PC机那样简单。...PC服务器的故障主要来自硬盘、电源、风扇等功率部件,若这些部件出现故障而造成停机或是数据丢失,那么这样的PC服务器的可管理性可以说是非常差的。

    2.2K10

    移动页面如何优雅的适配各种屏幕,包括PC

    本文为Varlet组件库源码主题阅读系列第八篇,读完本篇,可以了解到移动页面如何适配各种尺寸的屏幕,包括pc,另外如何将触摸事件转换成鼠标事件。...移动适配 开发移动页面,我们通常都会按照一个固定宽度的设计稿来做,但是实际上的手机屏幕尺寸五花八门,如果不进行适配的话会比较影响使用体验。...PostCSS 配置,参考postcss-px-to-viewport插件文档,先安装: npm install postcss-px-to-viewport 然后创建postcss.config.js文件...375, // 单位转换后保留的精度 unitPrecision: 4, }, }, }; 再次启动服务看看效果: 图片 报错了,虽然不知道为什么会把这个配置文件也当成...桌面适配 这个适配指的不是尺寸,因为前面已经使用vw解决了尺寸的适配问题,这里主要是指事件,具体来说是我们在移动使用的交互事件一般是touch事件,但是桌面肯定不支持,所以为了让我们的移动组件库不至于在桌面完全无法使用

    2K20

    服务器如何配置?服务器如何加密?

    ,不过因为成本比较高很多中小型公司并不会选择,多数使用的都是服务器,那么服务器如何配置?...服务器如何加密?小编接下来就为大家来介绍一下相关的知识。 服务器如何配置? 服务器在使用过程中是需要进行配置各种参数的,那么服务器如何配置?...想要配置服务器首先大家要前往服务器购买的商户,根据相关的参数以及要求进行设置,后续使用过程中如果需要修改的话也是要到官方网站上面。 服务器如何加密?...很多人都会担心自己使用的服务器不安全,想要给服务器进行多重加密,首先服务器进行配置的时候会需要用户们设定账号和密码,这属于第一层保护,其次就是服务器也是需要加装防火墙的,很多用户们还会为自己的服务器安装相关的安全组件...相信大家看了上面的文章内容已经知道服务器如何配置了,不同公司需要的服务器类型也是不一样的,所以现在市面上的服务器类型也是很全面的,大家可以根据自己的需求去选择使用。

    67.6K20

    如何让任何小程序都支持在PC打开?

    ​随着小程序的发展,出现了越来越多小程序在PC打开的需求。很多程序员同行都想了解:小程序支持在windows系统、mac、统信UOS等桌面操作系统中打开吗?答案当然是:可以!...本文就基于作者自身的经验,给大家介绍几种实现小程序在PC运行的方法,以及一些工具推荐。...通过 WebView 技术可以让小程序在桌面获得更好的性能和用户体验。3、虚拟机技术:将小程序打包成桌面应用程序,并通过虚拟机技术来运行小程序。...这种方式需要先将小程序进行编译,生成适合桌面运行的二进制文件。常见的虚拟机技术有 Electron、NW.js 等。...这意味着,PC 、车载设备、智能电视都能使用小程序了,实现了小程序的“一次开发,到处运行”,同时触达众多流量平台,而不仅仅局限于微信生态。

    69720

    HTML 文件PC&移动完美自适应布局的技巧

    只不过它只能在pc上完美展现,在手机上最大的字号只有不到4像素,图片也变成了马赛克,会是一种怎样的虐心体验。 最近做了一个群发邮件的手机适配需求就是要解决这个体验问题,先上效果。...优化前: 优化后: 当然,pc和网页版也要完美适配,outlook、foxmail和网页版效果如下: 一、实现思路 参考比较常见的响应式布局,在PC使用左图布局,移动右图。...本次最大的一个功能点就是封面图手机铺满,pc定宽,QQ邮箱又只能支持行内样式,所以封面图就在style里定义了宽度100%,然后针对其他设备和客户写各种hack让它定宽。... 结果outlook2016出来打脸,在pc上铺满屏了。...这次只是使用900px作为手机和pc的分界点。foxmail有个特性就是边栏的宽度不算在media query内,所以当左边栏拉的比较宽的时候,内容会安装手机样式渲染。

    4K60
    领券