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错误信息，我们就可以定位到属于后台开发的问题。