firefox
firefox因为有firebug这个强大的插件而受到开发者的喜爱，尤其是在CSS调试方面。在chrome下面调试JS，调试CSS的时候又转到firefox下面。（听说firefbug的开发人员跳巢到谷歌了，但是chrome在css调试功能方面视乎并没有特别大的改进）firefox也可以通过firebug进行JS的调试，功能相对要弱一点，没有我非常喜欢的选择frame功能，如果要调试框架内页面的JS，通常只有通过编辑页面文本把JS代码注入到html里面，每次刷新都要重新注入一次，很是麻烦。打开方式也是F12键。
经常使用chrom或者火狐浏览器，安装插件firebug来查看代码情况
下面总结下使用火狐firebug的一些技巧 ：
Struts的请求路径为：localhost/项目名/namespace/actionname.action
在action中可以写多个方法，在配置文件的method方法进行不同方法识别，struts的method方法默认为execute，可以不写，除execute外其他方法名必须在配置文件的method中标注。
如何在页面查看请求到后台路径？
Fibug查看页面请求路径：
url：http://localhost/NPA/view/getGeneranViewJsonData.action
“getGeneranViewJsonData.action”是后台struts中action名称，则在myeclipse中
”ctrl+H”—“File Search”—“Containing text: getGeneranViewJsonData”—“File name patterns:*.xml”就会找到后台的请求路径。
同样方式可以查到请求”getGeneranViewJsonData.action”对用的jsp页面如下：
在myeclipse中”ctrl+H”—“File Search”—“Containing text: getGeneranViewJsonData”—“File name patterns:*.jsp”就会找到前台对应的jsp页面。
chrome
chrome下面最简单，chrome浏览器内置了开发者工具。只要按下F12键就可以轻松打开开发者工具，然后切换到console标签就可以执行JS代码了(Ctrl+Shift+i可以直接打开console)。在窗口的右边我们还可以看到执行的JS的位置。chrome不仅可以在当前页面上执行JS，还可以让你选择frame，在任意一个框架内执行JS，对于经常在框架内开发应用的开发人员这一点是非常有用的。
IE
IE10也内置了开发人员工作台。同样是按下F12键就可以方便的打开开发人员工作台。然后切换到“脚本”标签页，点击右边的“控制台”我们在右下角就可以看到执行JS代码的地方了。就在刚才我惊奇的发现IE也是可以选择frame的，这太神奇了。