如何区分一个功能是前端还是后台的问题?

怎么区分一个功能是前端还是后台的问题?记得以前面试的时候,好几家公司问过这个问题。
    问题主要有以下几种:
        1.界面UI布局显示问题--前端
        2.页面字段校验问题--前端
        3.页面功能实现问题--前端?后台?
            前2个很容易确定是前端的问题。第3个牵扯到前端和后台共同处理,所以区分时需要理清楚。谷歌浏览器F12开发者工具Network一栏。
            如下图:点击【搜索】按钮,可以看到一个请求pageQuerySupplier
            点击进去之后Headers状态是200,表示请求发送成功。Request Payload是请求数据。
            Preview里面试响应数据。 
            如果请求发送失败;或者请求发送成功,返回数据失败。问一下开发是不是服务器关了(可能是在发版)。
            如果请求成功,返回结果也成功。这时候查看返回数据。如果没有返回前端需要的字段,后台问题。如果返回了前端需要的字段,前端没有校验住,前端问题。
        4.页面白板。页面本来就没有内容,或者加载缓慢。
        5.数据库数据也更新了,浏览器缓存也清理了,数据就是之前的老数据,是什么问题?应该使用了redis缓存数据库,redis中没有修改值。
        
后端的Bug,如何准确的定位问题在哪里,如何精准的描述Bug?
    1)查看报错日志
        查看报错日志,通过日志分析,需要有一定的经验,并且有一定的代码基础,才能更好地定位问题。
    2)查看数据库的数据
        了解所测功能的数据表结构,测试过程中,查看数据库的数据,确认数据的正确性。
    3)查看缓存(如Memcache、apc、redis等缓存)是否正确
现在来分析bug可能是前台还是后台:
    case1:文本框输入不合法的内容,点击提交按钮, 如果不合法的内容提交成功, 那应该是前后台没有做校验, 前后台都有这个bug
    case2:文本框输入合法的内容,点击提交按钮, 查看数据库中的数据和输入的内容不一致, 这个时候需要看前台传的数据是否正确,
           使用fiddler抓包, 查看请求头里面的数据是否和输入一致,如果一致就是后台的问题, 如果不一致,就是前台的bug
    case3:界面展示不友好, 重复提交 这些都是前台的bug
前台定位方法:
    前台bug定位:按F12在console中查看报错信息,对于出错的js可以在Sources下查看对应报错的资源文件,写入禅道提交给开发即可
    前台bug注意以下三个方面:
        1)网站前台的权限控制:没有权限的用户是不能直接输入url的方式来进行访问的,必须进行登录。以后涉及到权限的测试,一定不能漏掉url的方式也需要验证一下。而在单个页面进行W3C测试时则需要去掉该权限控制。
        2)网站前台的title,对于这个也很容易忽视。进入到不同的功能页面,title显示应该是有,并且要和你进入的页面一致。title就是在浏览器最左上角看到的那些文字
        3)http和https的注意点:https是一种安全链接,它是需要证书的,而http就是普通链接,所以在你的系统中客户会要求某些关键的地方希望加上这种安全连接,那么此时你需要注意的是,对于不需要的安全链接的地方千万也要去重点测试,有些开发会很容易忽略这一点。
            你要打开HTTPS开头的网站,前提是该网站安装了SSL证书,只有安装了SSL证书的网站,并且开启了443端口,你才可以通过HTTPS加密协议无访问。
            如果没有则不能访问。比如在某个网站http协议后面加个s去访问,看能否访问成功,能成功,会显示绿色安全小锁,否则就不能访问。
            给你举几个安装了ssl证书,可要https访问的网站,1号店,天猫,淘宝,支付宝,百度,沃通CA,工信部网站等等
前端bug主要分为3个类别:HTML,CSS,Javascript三类问题
    出现样式的问题基本都是CSS的bug
    出现文本的问题基本都是html的bug
    出现交互类的问题基本都是Javascript的bug
    
现在以淘宝的前端人员工作为例进行相关bug定位的剖析:
    判断前后台问题的区分方法:
        F12, 打开错误控制台console
        区分前后台交互:查看网络请求
            a) Html中如果有链接,有相应的情况下,基本可以定位到是属于前端的问题
            b) 如果为空,或者有出现error错误信息,我们就可以定位到属于后台开发的问题
        TMS对应的VM模板,出现的一些截断控制,转换功能都属于前端的问题

  • 8
    点赞
  • 57
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值