pc端和移动端的区别_怎样终端判断是pc端 还是移动端 - CSDN
精华内容
参与话题
  • 移动端和PC端区别

    千次阅读 2018-07-31 22:13:10
    1. PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是... 另外包括移动端弹出的手机键盘的处理,这样的问题在PC端都是遇不到的。  3...

    1. PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit内核,所以说做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化。
    2. 在部分事件的处理上,移动端多出来的事件是触屏事件,而缺少的是hover事件。 另外包括移动端弹出的手机键盘的处理,这样的问题在PC端都是遇不到的。 
    3. 在布局上,移动端开发一般是要做到布局自适应的,我使用的一直是rem布局,感觉很好。
    4. 在动画处理上,PC端由于要考虑IE的兼容性,所以通常使用JS做动画的通用性会更好一些,但是CSS3做了很大的牺牲, 而在手机端,如果要做一些动画、特效等,第一选择肯定是CSS3, 既简单、效率又高。
    5.  微信的一些接口组好能去实现一遍,熟悉一下肯定是有好处的,比如通过微信分享文章,title、description、icon等图标的配置,这些还是要会的。
    6. 百度地图的一些API接口,也得去实现一下,这些对于移动端来说,LBS是一个非常重要的特性,所以地图这块肯定是要了解的,在加上百度地图这块已经是一个比较成熟的平台了,所以学起来也比较容易。
    7. CSS3的动画一定要比较熟练,这在移动端用的还是比较多的,但同时也要注意性能。。 
    8.  一般pc端用jquery,移动端用zepto,因为移动端的流量还是比较重要的, 所以引入的资源或者插件,能小则小,一个30k的资源和一个80k的资源,在移动端的差别还是挺大的。而未压缩的jquery是262kb, 压缩的jquey是83kb,可见两者的差别之大。未压缩的zepto是54kb,压缩的zepto只有9kb。
    9. 最好能掌握一套完整的前端开发架构,比如模块化、打包、压缩、缓存、有条件的还可以做一下自动化测试等等,比较好用的有fis,另外,想要快速提升自己的前端开发技术,钻研前端架构这块是一个非常好的方向。
    10.  性能优化,包括首屏的打开速度、用户响应延迟、渲染性能、动画帧率等在手机上都需要特别注意。
    11.  比如在手机上的300ms的延迟,这在PC端是没有的,如果我们希望做成webapp,那么自然就不需要这300ms的延迟,所以可以使用hammer-time.js来移除这300ms的延迟。

     

     

    展开全文
  • 1、PC端和移动端有什么区别  从我个人角度来说,我觉得PC端的定位就是用户视觉浏览路线,可以显示较多的内容,而移动互联网终端的定位就是便携,体现的是“Anyone Anytime Anywhere”的理念,它不是替代PC的设备...

    //联系人:石虎 QQ:1224614774 昵称:嗡嘛呢叭咪哄

    一、概念


    1、PC端和移动端有什么区别

         从我个人角度来说,我觉得PC端的定位就是用户视觉浏览路线,可以显示较多的内容,而移动互联网终端的定位就是便携,体现的是“Anyone Anytime Anywhere”的理念,它不是替代PC的设备,准确的说是PC的补充,可以让人们很好的利用起零碎的时间。以下,我从4个方面分析他们之间的区别。


        1)界面布局。PC端和移动端的屏幕尺寸不同,导致显示的内容也会有所差异。移动端屏幕相对窄小,一般是单列显示,最多也只能是双列+响应式,但是PC端的屏幕大,布局可以更加灵活。


        2)使用习惯。移动端的操作尺度比较大,单击误差大,所以按钮、链接等元素比较设计的大一些。而PC端的操作尺度比较小,用鼠标单击是一件比较准确的事情,所以在设计按钮或者链接等样式时可以稍微小一些。比如说淘宝网页的PC版和手机版。在PC版的淘宝页面中,有些小按钮能放下的功能,在移动版就必须另弹窗口让用户详细输入。


        3)网络速度。手机的网络一般是2G\3G\4G\WIFI等,网页的加载速度会影响用户的体验,需要消耗用户的流量,所以要少用图片、动画、JS等,而PC的网络一般是连接宽带或者WIFI,PC端的用户一般不会考虑页面消耗的流量,所以一般不用考虑加载问题。


        4)技术层面。移动端开发有一些jquery for mobile一类的库是专用,不适用于PC端。当然,反过来有些PC端的工具或者技术在移动端也不好用。PC应用更关注的是后台、大数据、算法类的,而移动端更关注的是如何更好地交互和体验。

        

        总结: 我感觉移动端开发更好,因为移动端和用户有更直接的接触,而且以后应用会更广泛,需要考虑的兼容性也相对较少,在技术层面的实现相对简单,毕竟移动端是大势所趋,以后的使用会越来越多。


    谢谢!!!

    展开全文
  • 前端开发中PC端和移动端网站的区别

    千次阅读 2019-03-07 17:39:43
    1、PC端在开发过程中考虑的是浏览器兼容性,移动端开发中考虑的是手机兼容性问题,做移动端开发,更多考虑的是手机分辨率的自适应不同手机操作系统的略微差异化; 2、在部分事件的处理上,移动端自然是偏向于触屏...

    1、PC端在开发过程中考虑的是浏览器兼容性,移动端开发中考虑的是手机兼容性问题,做移动端开发,更多考虑的是手机分辨率的自适应和不同手机操作系统的略微差异化;
    2、在部分事件的处理上,移动端自然是偏向于触屏的,另外包括移动端弹出的手机键盘该如何处理,这样的问题在PC上肯定不会遇到,但在移动端,如果你没有经验,处理起来是相当麻烦的;
    3、布局上,移动端开发是要做到页面布局自适应的,而PC端页面布局的比例会相对固定;
    4、在动画效果处理上,PC端要考虑IE的兼容性,通常用JS做动画的通用性会好一些,但相比CSS3却牺牲了较大的性能,而在手机端,如果要做一些动画、特效等,第一选择肯定是CSS3,既简单,效率又高。
    总结:以上是移动端和PC端比较突显的区别,在实际的开发应用过程中,还会有更多的差异化区别。

    展开全文
  • web页面PC端和移动端区别

    万次阅读 2018-10-17 10:48:13
    PC端和移动端的区别你知道吗? 截至2015年11月,中国...一、PC端移动端区别 有人说手机端无非就是PC端的移植,功能设计照搬就行了,这是对于移动设计最大的误解,其实PC端与移动端是千差万别的。 操作方式 PC端...

    PC端和移动端的区别你知道吗?

    截至2015年11月,中国手机上网用户数已超过9.05亿,软件移动化成为一种趋势,移动产品经理成为了产品经理的一个重要分支,那么对于移动端和PC端到底有什么区别呢?在设计过程中有什么差异?下面我们逐一分析。

    一、PC端与移动端区别

    有人说手机端无非就是PC端的移植,功能设计照搬就行了,这是对于移动设计最大的误解,其实PC端与移动端是千差万别的。

    1. 操作方式

    PC端的操作方式与移动端已经有了明显的差别,PC端使用鼠标操作,操作包含滑动、左击、右击、双击操作,操作相对来说单一,交互效果相对较少,而对于手机端来说,包含手指操作点击、滑动、双击、双指放大、双指缩小、五指收缩和苹果最新的3Dtouch按压力度,除了手指操作外还可以配合传感器完成摇一摇、陀悬仪感应灯操作方式,操作方式更加的丰富,通过这些丰富的操作可设计不同新颖吸引人的交互互动设计。

    1. 屏幕尺寸

    随着时间的推移,移动端的设备屏幕逐渐增大,但是你再大也是大不过PC电脑屏幕的,这是毋庸置疑的。PC端屏幕大,所以他的视觉范围更广,可设计的地方更多,设计性更强,相对来说容错度更高一些有一些小的纰漏不容易被发现。移动端设备相对来说屏幕较小,操作局限性大,在设计上可用空间显得尤为珍贵,在小小的屏幕上使用粗大的手指操作也需要在设计中避免原件过小过近。

    1. 网络环境

    当下不管是移动端还是PC端都离不开网络,PC端设备连接网络更加稳定,而移动端可能遇到信号问题导致网络环境不佳,出现网速差甚至断网的问题,这就需要产品经理在设计中充分考虑网络问题,更好的设计相应的解决方案。

    1. 传感器

    移动端设备重磅武器来袭,完善的传感器是PC端设备望尘莫及的,压力、方向、重力、GPS、NFC、指纹识别、3Dtouch、陀螺仪等等等等,就是因为这些传感器的存在才使得我们的生活更加丰富多彩,有了他们你才能玩赛车游戏才能摇妹子才能统计每天走了多少步,产品在设计中巧妙地使用传感器能让产品添姿加彩。

    1. 使用场景与使用时间

    这两块我们一起来说,因为PC端设备的使用场景多为在家或者学校公司等一些固定的场景,所以其使用时间偏向于持续化,在一个特定的时间段内持续使用,而移动端设备不受局限可以吃饭用、坐车用、拉屎用、无聊打发时间用、躺着用、坐着用、倒立着用都没人管你,随时随地想用就用,所以他的使用时间更加灵活,时间更加碎片化,所以在操作上更偏向于短时间内可完成的。

    1. 软件迭代时间以及更新频次

    你有没有很久都没有更新你的PC软件了,但是你的手机软件确实永远保持着最新的状态,这就是他们两者的区别,对于移动端他的软件迭代时间较短,用户更新率较高而PC端软件迭代时间较长,除非出于需要用户一般不会主动更新软件,软件更新率低。

    1. 续航

    除了笔记本PC端台式机只要有点他就从没有考虑过这个问题,移动端设备则需要考虑。

    二、在功能设计上的区别

    你有没有在移动端看到过下拉菜单,有没有在PC端看到过滑动解锁,相同的功能在不同的设备上有其自己的展现形式,下面我们罗列一二,因为例子实在太多就不一一展开。

    1. 文字输入

    在文字输入中,PC端一般使用文本框解决。
    而在移动端中因为手机屏幕尺寸以及UI风格的原因我们基本没有在手机上看到过PC端这样的展现形式,而是采用另起一页输入或者文字后直接输入方式,这就是各个平台根据自身特性的展现形式。

    1. 内容选择

    在PC端中,一般使用下拉菜单或者是单选按钮形式完成内容选择。
    而在手机端由于手指的操作便捷性考虑一般不采用PC端的选择方式而是通过列表选择或者其他交互来完成。
    这样的设计点不胜枚举,就不一一展开了,还需要在日常生活工作中多多留意,切不可把PC端的设计模型照搬到移动端。

    展开全文
  • PC端和移动端区别

    千次阅读 2018-09-01 01:56:01
    1.PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit... 另外包括移动端弹出的手机键盘的处理,这样的问题在PC端都是遇不到的...
  • pc端和移动端区别

    千次阅读 2019-08-06 15:09:28
    PC端的操作方式与移动端已经有了明显的差别PC端使用鼠标操作,操作包含滑动、左击、右击、双击操作,操作相对来说单一,交互效果相对较少。 而对于手机端来说,包含手指操作点击、滑动、双击、双指放大、双指缩小...
  • PC端和移动端区别你知道吗?

    万次阅读 2017-12-09 16:09:51
    截至2015年11月,中国手机上网...一、PC端移动端区别 有人说手机端无非就是PC端的移植,功能设计照搬就行了,这是对于移动设计最大的误解,其实PC端与移动端是千差万别的。 1. 操作方式 PC端的操作方式与移动端
  • pc端移动端,客户端的区别

    万次阅读 2018-08-07 09:21:37
    pc端移动端区别 1、从兼容方面来说,pc考虑的是浏览器的兼容性,移动端考虑的是手机兼容性,因为目前不管是安卓还是ios手机,一般的浏览器都是webkit内核 2、从事件处理上说,移动端主要是触屏事件,而缺少...
  • 移动应用测试与PC端测试区别

    千次阅读 2018-04-24 22:55:29
    不同点: 1、用户界面差别:屏幕显示差异,电脑屏幕可以显示更多信息; 2、移动端场景复杂化:移动端使用场景比PC端更复杂,如:户外散步运动、地铁公交,办公室等,有时需要...5、操作系统区别(兼容):pc端W...
  • PC端移动端区别

    千次阅读 2017-03-30 16:22:59
    当一款成熟的PC端产品移植到移动端,会需要考虑什么功能应该被砍掉,什么功能应该被保留。内容也应该更加简练。 2.交互方式不同 PC端采用鼠标点击的方式,移动端采用手指触碰的方式。在设计时,PC端往往更多考虑...
  • 前端:移动端和PC端区别

    千次阅读 2018-08-06 14:48:29
    在阿里的几次面试中,总是被问到移动端和PC端有什么区别,当时回答的时候主要是回答了在兼容性、网速、适配、页面布局等方面的不同,但是还是很不系统,所以这里做一个总结。   第一: PC考虑的是浏览器的兼容性...
  • 在做web前端开发时,经常会遇到pc端和移动端的事件触发,显示内容以及兼容问题或者优雅渐进、兼容降级等问题,需要做一些判断,下面是一个比较全的判断方式:function goPAGE(){ if((navigator.userAgent.match(/...
  • 页面布局移动端和pc端的转换 js

    千次阅读 2017-10-18 10:34:18
    现在大部分网站都要求pc端何以东段界面兼容展示,两者屏幕尺寸大小不一,所以展示的界面自然也有所差别。 1.首先,在页面做pc端和移动端分别显示的两部分内容。 2.然后根据判断你的页面是在移动端还是在PC端显示对应...
  • PC端table表在移动端怎么显示比较好

    千次阅读 2018-06-28 16:30:25
    PC端界面,element-ui el-table组件写的,如下图
  • 移动端pc端公用一个域名

    千次阅读 2015-12-07 17:51:00
    移动端pc端公用一个域名 移动端pc端采用两种布局样式,但是公用一个域名。 当在pc端浏览网页时,采用pc端的样式加载页面,当在移动端浏览网页时,则直接跳转到移动端页面,域名不变(设备自适应网页...
  • 使用场景:有适配pc端改为适配pc端和移动端,使用2套css 代码实现App.vue created: function () { if(document.documentElement.clientWidth > 640){ require('./style/index.scss'); this.plaform = '...
  • pc端的网页自适应显示在移动端

    万次阅读 2019-09-16 23:41:42
    当我们将一个pc端的网页放到移动端的时候,移动端浏览器会将pc端的网页按照一定的比例完整的显示出来,这是因为移动端的浏览器默认的会将网页渲染在一个比例比较大的viewport中排版(ios默认的是980px,Android4.0...
  • 在前端眼中pc端和移动的开发区别

    千次阅读 2017-08-10 10:12:28
  • pc端点击事件和移动端点击事件区别

    千次阅读 2015-12-10 14:46:43
    最近项目需要做pad,在用到点击事件click时,如果用$("#a").click(function(){ alert("响应"); });就不能触发点击事件,改用onclick事件后就行。
  • 前端在PC端移动端区别

    千次阅读 2018-06-21 23:00:15
    —引用自PC端和移动端在前端开发上的一些区别,前端里移动端到底比pc端多哪些知识 1、PC考虑的是浏览器兼容性,移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器用的都是...
1 2 3 4 5 ... 20
收藏数 43,025
精华内容 17,210
关键字:

pc端和移动端的区别