精华内容
下载资源
问答
  • 这篇文章只是我深入了解移动领域开发过程中的不断整理和总结,其中涉及到很多概念,观点,个人的看法,有不确切的地方,...区别为手机浏览器是webkit的天下,pc端是三足鼎立IEfirefox chorme。手机网页可以理解成pc

    这篇文章只是我深入了解移动领域开发过程中的不断整理和总结,其中涉及到很多概念,观点,个人的看法,有不确切的地方,欢迎指正。


    首先要明确移动web和webapp是不同的


    1:移动web开发


    这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是三足鼎立IEfirefox  chorme。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发,所有最终代码具有跨系统平台的特性。


    2:web App开发

    特指的是用html5技术开发,之所以叫web app是因为他比较接近客户端应用程序的用户体验,可以和系统深度融合,调用一些只有客户端才能调用的功能(比如在移动设备上利用html5开发出的网页可以访问电话、摄像头等本地功能)


    那么PCweb开发与移动web开发区别在于什么?

    1

    面向人群来说


    l  从用户角度:pc端主要使用鼠标,鼠标的操作尺度比较小,点击是一件准确的事情;而移动端web上主要是触屏,触屏的操作尺度就比较大,点击误差大,所以元素必须往大了做,也不支持hover事件。这一点淘宝网页的PC版和手机web版是个非常良好的例子。PC淘宝中有些小按钮能放下的功能,移动版就必须另弹界面让用户详细输入。


    ll   从开发人员角度:UI(网页用户界面)设计师要考虑到移动端特点,便于触屏操作。至于代码实现效果时基本差不多。

    2

    MVC


    M:模型,即HTML代码,移动web会更关注meta标签,通过这些标签我们会定制我们移动web开发的一些行为和样式。


    V:即css语言,这两者会存在非常大的不同,进入移动web开发,会发现安卓设备和苹果设备的分辨率会存在分辨适配的问题,而pc上只需要写死一个宽度就差不多。PC端咱们最常用的就是固定宽度,但移动端就不能这么用了,因为很多网页都是可以横屏看,也可以竖屏看;很多屏幕的分辨率不一样;所以只要牵涉到移动端,就要牵涉到响应式(也叫自适应); 

     

    C:js,这个题主应该更详细一些,因为有没有canvas对js影响很大;

    第一、普通移动端网页(比如手机新浪网,手机淘宝,手机百度等)这个在js方面和PC端区别不是太大;主要的区别在于移动端没有了鼠标悬停(onmouseover);点击(onclick)还可以用;多了触摸、滑动。

    第二、canvas相关游戏

    canvas相关的html5增加了好多js,不过我不做游戏方面,所以就不多废话了;


    展开全文
  • 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端的设计模型照搬到移动端。

    展开全文
  • webpc客户端、app测试的区别

    千次阅读 2020-07-01 14:21:38
    一、系统架构 - web为b/s结构,只有一个版本,服务端和web端更新了之后,刷新一下页面也就同步更新了 - pc、app为c/s结构,服务端更新了,需要对各个主流版本进行兼容测试及回归测试,客户端...- web端、pc客户端主

    一、系统架构

    - web为b/s结构,只有一个版本,服务端和web端更新了之后,刷新一下页面也就同步更新了

    - pc、app为c/s结构,服务端更新了,需要对各个主流版本进行兼容测试及回归测试,客户端更新的话,还需要重新安装或升级应用

    二、兼容性

    - web端主要兼容不同的操作系统、浏览器、分辨率

    - pc客户端主要兼容不同的操作系统、分辨率

    - app需要兼容不同的手机系统(iOS、Android)、不同的系统版本、不同的机型、不同的分辨率、屏幕大小等

    三、性能

    - web端、pc客户端主要监测响应时间、cpu、内存

    - app端除了要监测响应时间、cpu、内存,还要监测流量、耗电量、温度等

    四、专项测试

    区别于web端和pc客户端,app端还有一些专项测试

    1、干扰测试

           如电话中断、关机、闹铃、音乐播放等

    2、界面测试

          如横竖屏切换、多点触控、前后台切换、锁屏、手势缩放等

    3、弱网测试(web和pc也需要)

          限制网速、断网、切换WiFi/4G/3G/2G,以及丢包情况

    4、安装、卸载、更新(pc客户端页需要)

          - 安装:需考虑安装时弱网、断网、中断,安装后删除安装文件

          - 卸载:需考虑卸载后是否删除app相关文件

          - 更新:考虑强制更新、非强制更新、增量更新、断点续传、弱网状态下更新

    5、安全测试(还需学习了解)

          安装包是否可反编译代码、安装包是否签名、权限设置等

    6、边界测试

          可用存储空间少、没有SD卡、双SD卡、飞行模式、系统时间有误、第三方依赖等

    7、权限测试

          是否可获取权限,如访问相册、通讯录、照相机等

     



    作者:vvvillian
    链接:https://www.jianshu.com/p/e124f5c58552
    来源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    展开全文
  • web前端仿pc端微信

    2018-09-21 07:30:48
    这个是模仿PC端微信的资源,有基于多种框架的6中展现形式,jquery技术实现,vue技术实现,纯css3实现等等,欢迎下载
  • Python学生管理系统(web网页

    热门讨论 2018-11-02 11:28:27
    Python学生管理系统(web网页),前面发布了python的控制台版本的学生管理系统和使用tkinter界面的学生管理系统,这次是使用Django开发基于学生的实体类的增删改查,里面包含项目演示录屏和完整的项目源码...
  • 1.首先下载一个钉钉开发~~ 记得~~把你已经登录的钉钉都关掉,用这个开发登录。 windows 4.0 钉钉RC版本下载 2.在工作台打开你要调试的应用咯~ 3.用Chrome浏览器打开 :localhost:16888 4.然后你该怎么调试就怎么...

    1.首先下载一个钉钉开发版~~
    记得~~把你已经登录的钉钉都关掉,用这个开发版登录。

    windows 4.0 钉钉RC版本下载

    2.在工作台打开你要调试的应用咯~

    3.用Chrome浏览器打开 :localhost:16888

    4.然后你该怎么调试就怎么调试啦。

    -------------------------------可爱的分割线----------------------------------

    昨天突然发现localhost:16888这个日常调试方式失效啦,
    下意识以为是自己记忆短路.
    搞了半天,查了半天的资料,没用.
    无奈之下去找了钉钉开发者客服.
    原来是他们家钉钉RC调试版更了新版本…
    (小声bb:大爷的,这年头更新还要重新下载才行,为何那么菜)
    只能重新下载去啦.
    附上官方下载地址:
    钉钉Windows调试工具

    展开全文
  • pc版Web聊天界面+代码分享(HTML+CSS)

    千次阅读 2019-06-11 20:00:42
    <title>PC聊天 <div class="header"></div> <i class="icon-sear"></i> <a href="#" class="news icon-site"></a> <a href="#" class="friend icon-site"></a> ...
  • web服务器和应用服务器的区别与分析

    万次阅读 多人点赞 2018-07-10 15:28:21
    Apache是世界使用排名第一的Web服务器。它可以运行在几乎所有广泛使用的计算机平台上。源于NCSAhttpd服务器,经过多次修改,成为世界上最流行的Web服务器软件之一。Apache取自“a patchy server”的读音,意思是充满...
  • **## PC版使用的** #region 程序集 mscorlib.dll, v2.0.0.0 // C:\Program Files (x86)\Reference Assemblies\Microsoft\Framework\.NETFramework\v3.5\Profile\Unity Subset v3.5\mscorlib.dll #endregion using ...
  • √ 本书彻底厘清移动Web开发传统PC网站开发的本质区别 √ 是前端大神PPK八年潜心研究移动Web及大量浏览器的成果总结 √ 通过移动端对前端开发的种种挑战及相应对策,细致剖析解决思路 √ 以专业视角系统梳理前端在...
  • PCweb向手机端web跳转的方式

    千次阅读 2015-12-04 15:49:30
     webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部底部   };   }(),   language:(navigator.browserLanguage || navigator.language).toLowerCase()   }; /**  * 判断浏...
  • H5、PC 和 APP之间的区别与共同点

    千次阅读 2019-04-19 15:22:00
    从市场的占比来说:APP --->PC 因为接触的测试产品类型比较多,所以也想写一篇这样的总结,文中借鉴内容已做了标注 ... 一、容器不同,(测试平台安装打开方式)  (1)PC端  PC端是电脑测试,有BS架构和...
  • 特别是随着网络制式的发展,移动设备在全球范围内得到了空前的普及,在前端领域,Hybird Web、React Native、Weex、Flutter 等等一系列新的移动前端技术也如同雨后春笋般冒出来,今天来和大家分享一下我对「移动前端...
  • APP测试与WEB测试的区别

    千次阅读 2017-07-20 09:17:11
    总结起来就是:APP测试和web测试的相同点和不同点。 我首先是简单的回答了下,答案如下: A:相同===>都是采用功能测试 B:不相同====>一个在web测试,一个在APP测试。 但是仅仅这样回答,你自己不...
  • WEB前端浏览器兼容性问题(pc端及移动端) PC端 (一)html部分 1.H5新标签在IE9以下的浏览器识别 <!--[if lt IE 9]> <script type="text/javascript" src="js/html5shiv.js"></script> <!...
  • 最新亮跑互联拼团系统PC端+web端+微信端商用可用版本
  • 移动前端开发和web前端开发的区别

    千次阅读 2019-05-21 14:26:45
     移动前端开发和web前端开发其实都属于前端开发的范围,目前前端发展的趋势就是大前端,可以说是包罗万象,当然也就包含PC端和移动端领域,而现在的前端开发人员也已早就不是当年的切图仔了,需要学习和掌握大前端...
  • PC网页商城.zip

    2020-03-06 15:13:46
    1.pc商城前端静态页面完整、网页版PCWEB开发前端静态页面。 2商城前端静态页面完整、网页版PCWEB开发前端静态页面
  • web前端PC端 百度地图的开发指导

    万次阅读 多人点赞 2018-01-12 02:09:32
    文档内容最开始提起的 ‘最终效果描述’ 可能措辞不太严谨,但所提效果都以代码实现,代码开发 效果描述也不是按顺序来开发的,所以请不必再次处产生疑虑。由于水平有限,本文档仅供初学者或首次开发者提供 参考。...
  • 服务端AppWeb与PC管理端配合使用的有关说明 服务端有几种模式: A.最简模式 B.普通模式 C.高级模式 当前管理端服务端在功能上配合只能采用【A.最简模式】. 意思是:管理端只提取服务端最多16个评委打分值,最多6个...
  • 前端面试题

    万次阅读 多人点赞 2019-08-08 11:49:01
    前端面试题汇总 ... 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?...它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点? 22 img的alttitle有何异同? strongem的异同? 22 你能...
  • web测试和手机测试的区别

    千次阅读 多人点赞 2018-09-06 15:47:16
    1.从技术上来说: WEB测试和移动端测试其测试类型也基本...他们的主要区别在于具体测试的细节和方法。 web项目,一般都是b/s架构,基于浏览器的,而app则是c/s的,是有客户端的。 2.从系统架构来看的话: web测...
  • APP测试/web测试/H5测试的区别

    千次阅读 2020-06-09 15:38:09
    随着手机应用的不断状态,同一款产品的移动端应用市场占相较PC端也越来越大,那么app与PC端针对这些产品的测试有什么相同不同之处呢?笔者总结如下: 首先谈一谈相同之处。。。 一,针对同一个系统功能的测试,三...
  • H5究竟是什么?

    千次阅读 多人点赞 2019-11-10 16:56:34
    在2015年上半年,随着H5的火爆,同时也引起了技术阵营营销阵营的定义争锋,当时在互联网上两方大打口水之战,对定义展开了一场博弈,结果虽然是技术阵营妥协,但也有利的证明了 HTML5 和 H5 根本不是一个层面的...
  • 商城前端静态页面完整、网页版PCWEB开发前端静态页面
  • JBoss Web和 Tomcat的区别

    千次阅读 2018-07-04 08:56:33
    JBoss Web和 Tomcat的区别 在Web2.0的浪潮中,各种页面技术和框架不断涌现,为服务器端的基础架构提出了更高的稳定性和可扩展性的要求。近年来,作为开源中间件的全 球领导者,JBoss在J2EE应用服务器领域已成为发展...
  • 造成原因: 一般进行过有道云笔记的升级造成本地数据库损坏从而导致无法进行同步 解决方案 退出并关闭有道云笔记 删除一下目录及目录下的所有文件 配置目录:%USERPROFILE%\Local Settings\Application Data\...
  • 普通pc端开发移动端开发区别

    千次阅读 2019-03-12 12:07:21
    1,普通pc端开发移动端开发区别。 普通pc端开发,我理解就是你拿电脑打开的网页都算【这不是废话么】。 那么移动端前端开发工程师,说白了就很好理解了,做手机网页的前端开发工程师。 这么一比,是不是感觉,...
  • 这个是我开发中用到的,就引用了,喜欢的拿走
  • 既然都是前端开发,两者肯定有紧密的联系,移动前端开发和Web前端开发其实都属于前端开发的范围。目前前端发展的趋势就是大前端,可以说是包罗万象,当然也就包含PC端和移动端领域。而现在的前端开发人员也已早就...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 105,398
精华内容 42,159
关键字:

web与pc版的区别