zoukankan      html  css  js  c++  java
  • bug大致分类及如何定位

    前端

    一、概念:网站的静态页面设计,网站前端工作使用的是html、css、javascript等技术设计网站页面的样式和排版布局,这就是网站前端。

    二、Bug类别

      1、HTML:出现文本的问题基本都是html的bug

          a.标签闭合—表象,页面中出现大范围的混乱,就是少了标签的情况,导致标签未闭合

          b.标签浮出—例如鼠标移动到文本位置,浮出全名的这种浮出形式都属于标签浮出的问题

          c.标签在不同的浏览器的一种解析方式的不同导致的前端bug

          d.页面的跳转,若出现点击未跳转或者跳转方式不正确的问题,直接可以定位到跳转属性的问题,找到对应的跳转对应的块提供给开发人人员即可

      2、CSS:出现样式的问题基本都是CSS的bug

          a.兼容性bug:仅在少数几个浏览器上出现,是因为浏览器的解析不一致,需根据实际情况进行前端代码的通用性

          b.业务性bug:在所有浏览器下都有该问题,原因是对业务不熟悉,根据需求进行修改达到业务要求

          c.内容型bug:前端自测正确,但在填入内容后,出现的错误,内容消失等,原因是扩展性未考虑周全,需进行overflow test

      3、Javascript:出现交互类的问题基本都是Javascript的bug

          a.刷新页面,出现滞后显示的一些模块基本都为脚本的输出块

          b.有产生交互类的问题,大多数都可以定位到是属于javascript产生的问题,该部分大多不会报错

          c.有弹出错误信息提示的bug浏览器返回的一些错误弹出框都属于javascript的bug

    后端

    一、概念:后端也叫网站后台技术或者动态网站技术,常见的网站后端开发语言有asp、asp.net、jsp、php、Java、Python等。同时网站后台技术还包括数据库如MySQL、sqlserver等,数据库是用来存储后台数据的。用于支撑前端的展现。

    二、说明:肉眼在网页上见到的问题实际并不一定就是前端造成的,也有可能是后端人员未传值或者传值不恰当导致。

    cases

      case1:文本框输入不合法的内容,点击提交按钮,如果不合法的内容提交成功,应该是前后台没有做校验,前后端都有这个bug

      case2:文本框输入合法的内容,点击提交按钮, 查看数据库中的数据和输入的内容不一致, 这个时候需要看前台传的数据是否正确,使用fiddler抓包, 查看请求里面的数据是否和输入一致,如果一致就是后台的问题, 如果不一致,就是前台的bug。

      case3:界面展示不友好, 重复提交这些都是前台的bug。

      case4:Html中如果有链接并有响应,基本可以定位到是属于前端的问题

      case5:Html中如果有链接且响应如果为空,或者有出现error错误信息,我们就可以定位到属于后台开发的问题。

  • 相关阅读:
    Git在商业项目中的使用流程
    EventBus中观察者模式的应用
    作业三——安卓系统文件助手APP原型设计
    视频剪辑软件的调研——万兴神剪手、视频编辑王、爱剪辑
    18-10-31 Scrum Meeting 3
    myapp——自动生成小学四则运算题目的命令行程序(侯国鑫 谢嘉帆)
    一个「学渣」从零开始的Web前端自学之路
    Vue一个案例引发「内容分发slot」的最全总结
    Vue CLI 3.0脚手架如何在本地配置mock数据
    Vue一个案例引发「动画」的使用总结
  • 原文地址:https://www.cnblogs.com/laoshuai/p/11821678.html
Copyright © 2011-2022 走看看