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

如何判断是pc还是移动

有时候会被别人问起pc和手机有什么区别。一般来说都会去说,兼容性啊,适配啊,网页布局这方面的事情,但是我觉得这个问题如果想要拿一个满分应该从区别出发,从如何判断收尾。...从区别入手 Pc需要考虑的是浏览器的兼容性,不能局限于我们常用的谷歌浏览器,要为客户那边考虑,而手机需要为不同的型号做考虑,安卓ios华为。同时也要更多考虑手机分辨率的适配。...在布局,手机因为要去做布局的自适应,所以可以围绕rem去说一说 关于接口上,手机会多出很多常见功能,比如微信的支付接口,微信的朋友圈转发,分享文章什么的,支付宝的支付接口,包括高德地图百度地图的这些接口...Pc和手机在事件处理上区别不大,pc没有触屏,手机没有悬停事件,同时手机多了一个键盘的弹出。...关于如何辨别是pc还是手机 这里参照了阮一峰老师9月份的文章,我上网找资料的时候发现很多人不会标注原作者直接转载。只能说阮一峰老师一个人养活了很多博客主。

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

    如何避免 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.6K20

    Vue PC框架

    Element Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面组件库 中文文档 | github地址 ?...Vue Beauty 基于 ant design 的漂亮的 vue 组件库;vue-beauty 是一套基于 vue.js 和 ant-design样式 的PC UI 组件库,旨在帮助开发者提升产品体验和开发效率...AT UI AT UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品。...旨在为PC的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。 中文文档 | github地址 ? Vue-Blu 16....Vue Baidu Map 相关文章 Vue 移动框架 别走,还有后续呐······ 如果小伙伴们有比较好的PC框架,欢迎在评论区留言砸场,谢谢你的贡献。

    2.8K20

    虚拟现实玩起屏幕穿越——头盔PC

    而且他认为虚拟现实最贴近用户的使用范围是在游戏,由于了解如何设计虚拟现实引擎或SDK,让其更适应VR游戏的开发。相比于其他厂商,他们更容易找到痛点。...而这款产品最大的特点在于“屏幕穿越”功能,通过在PC、手机上同步安装他们的APP——临境,可以将PC的画面在头盔呈现,通过姿态操作让游戏等体验更加贴近真实。...这个过程和云服务有些类似,应用在PC运行,通过无线网络与服务器连接,运行结果直接投射到头盔,当用户拿起VR头盔使用,应用内容也会像自来水一样流出。...仅作为输入输出的头盔,功耗将大幅降低,即便手机的微弱供电也可运行大型3D游戏。...郭伟认为屏幕穿越技术的用途将空前广泛,“除了游戏,我们做的更夸张一些,PC所有的资源——任意视频,文档,网页等,都可以穿越到手机屏幕,这也会是一个更长远的需求”。

    67050

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

    本文为Varlet组件库源码主题阅读系列第八篇,读完本篇,可以了解到移动页面如何适配各种尺寸的屏幕,包括pc,另外如何将触摸事件转换成鼠标事件。...移动适配 开发移动页面,我们通常都会按照一个固定宽度的设计稿来做,但是实际的手机屏幕尺寸五花八门,如果不进行适配的话会比较影响使用体验。...eventTarget.dispatchEvent) 鼠标按下显然对应的是touchstart,触发的第一个touch事件,事件目标肯定也是新的,所以需要更新,理论不同手指的事件目标是可能不一样的,但是由于桌面鼠标事件只能有一个...targetTouches:当前对象所有触摸点的列表 changedTouches:涉及当前(引发)事件的触摸点的列表 移动触摸点是可能存在多个的,比如我同时好几个手指一起触摸,可以通过这三个列表进行区分...,同样举个栗子,比如我给一个div绑定了三个touch事件,第一次我一个手指触摸到div,此时这三个列表的值是一样的,就是第一个手指的触摸点,然后我第二个手指也开始触摸,但是不是触摸到div,而是其他元素

    2.1K20

    Vue PCUI框架

    Element Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面组件库 中文文档 | github地址 2. iView 一套基于 Vue.js 的高质量UI 组件库...Vuetify 支持SSR(服务渲染),SPA(单页应用程序),PWA(渐进式Web应用程序)和标准HTML页面。 中文文档 | github地址 12....Vue Beauty 基于 ant design 的漂亮的 vue 组件库;vue-beauty 是一套基于 vue.js 和 ant-design样式 的PC UI 组件库,旨在帮助开发者提升产品体验和开发效率...AT UI AT UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品。...旨在为PC的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。 中文文档 | github地址 16.

    2.2K20
    领券