基本上每一个转行或者刚毕业的测试都是从功能测试做起的，也就是点点点工程师。功能测试主要包括web测试，app测试，接口测试。
web测试和app测试都属于前端ui测试，一个是网站前端，一个是手机前端。接口测试属于后端服务器测试。
对于大部分测试人来说，尤其一些中小创业公司，日常接触最多的就是前端页面测试，也有一部分同学工作了几年甚至都没接触过接口测试，这对个人成长是极其不利的。
今天主要来聊一聊前端ui测试是怎么做的？以及web测试和app测试有什么区别？基本上这块也是面试高频题，经常会遇到。
之前也写过一篇关于app测试的文章，具体可以参考如何做APP测试？
首先，web架构一般都是B/S架构，即浏览器，服务器模式。app架构是C/S架构，即客户端，服务器模式。
两者的区别就在于B/S架构只要更新了服务器端版本，用户端就会同步更新，而且能保证每位用户端版本一致。
C/S架构只要发布新的版本，用户都需要手动进行更新，所以很难保证软件在不同人的手机中版本一致，由此可见app发布和推广成本是远高于web端的。
对于不管app也好还是web网站，整体逻辑都是前端去调后端接口，所以当出现报错时，就需要去定位分析这个问题是前端问题还是后端问题。这个也属于初中级测试工程师面试必问问题。
遇到这种问题时，以web端举例，你可以打开F12开发者模式，点击页面，然后看有没有调后端接口，没有请求调用的话说明是前端进行了校验。
如果有请求，并且，后端返回了结果，有两种情况，一种是正常返回，另一种直接报异常。
正常返回的话，那你需要对比下接口文档或者需求，如果返回没问题，那说明就是前端展示的问题，属于前端bug。
异常返回的话，就属于后端bug，这时候，你就需要去查看日志去进一步定位分析，是什么问题导致的。
尤其涉及到多个系统，多接口调用，你需要去进一步查看这个报错是你们这个系统校验返回的，还是调用下游系统校验返回的。
web端可以直接使用F12进行抓包定位，对于app端的话就需要使用抓包工具了。
推荐使用fiddler进行抓包，属于目前测试行业主流接口测试工具，面试也特别喜欢问，
景秀教育校企合作中心开设的H5前端开发专业针对市场需求，精心调配专业课程，专业教师针对WEBAPP教学投入大量精力，并想方设法以项目开发来促进教学。为此前段时间组织专业内的所有学生对学校网站进行升级开发，每个人都积极参与，为了锻炼每个人的单兵作战能力，本次开发不分组，每个人都要独立完成。历时一月经过多次修改与完善，新版网站于年4月16日正式与大家见面了。
01
根据开发速度与质量，最终胜出的是H5一班同学候晋龙同学的作品，大家目前访问官方网站（