定位bug

 

1、bug定位常用工具
　 Firefox——firebug、web developer、

    live http headers、http fox

　 IE插件——httpwatch

　 第三方工具——fiddler

　 慢速网模拟工具——firefox throttle   
 

        1.该选择框使用来选择资源的，当网页被加载的时候向服务器端请求出来的文件包括.html .ccs .js这样的文件。

　　2.这个地方使用来调试js代码的地方，这个非常重要，看到行号上面有蓝色的标签，这个标签就是断电，当我们需要调试程序的时候打一个断电，然后通过3这个工具栏进行调试，那么调试过程就不详细解释，也就是打一个断电然后刷新页面程序会调到你打断点的地方，然后通过4来查看程序中变量的值什么的。

　　3.中的标签，第一个是停止状态的按钮就是表示程序是否停止（在debug时），后面的是程序继续跳过方法，跳过下一个语句，调到上一个语句

2、前端bug：
前台的bug通常是功能、界面和兼容性等有关，涉及到jstl，jsp，js，css，html方面比较多。bug主要有两块，第一就是JS写的有问题，这个你可以按F12 打开控制台，在console中查看报错信息，一般浏览器都会显示报错的jS ，对于出错的js可以在Sources下查看对应报错的资源文件，基本上都会找到错误原因的变量未定义，参数未定义等，JS错误都很好解决的。　

　　第二个就是页面中的bug了，现在做web项目基本上没有做静态页面的都是动态了，所以你页面中要么使用了小脚本要么使用了EL表达式来存值。页面报错的话 在控制台是可以看到你错误行号和附近代码的，你自己去找就行了。

　　图片不显示，谷歌浏览器右键点击图片，点击【检查】（火狐浏览器右键点击【使用firebug查看元素】）在打开的控制台上找出图片的属性，输入到浏览器的地址内，如果能打开图片，那么不显示