你的位置:首页 > 软件开发 > Java > 使用开发者工具调试jsp页面中的脚本

使用开发者工具调试jsp页面中的脚本

发布时间:2016-04-21 23:00:07
只举例火狐和谷歌.如果是火狐,一般是用firebug,首先确保开启脚本调试:然后刷新一下要调试的页面,点击firebug中的行内,选择当前页面:js文件一般直接显示的是js文件的名字,而页面一般是拦截的请求路径,如上图所示请求路径为/login,显示的是login.选中页面后就可 ...

使用开发者工具调试jsp页面中的脚本

只举例火狐和谷歌.如果是火狐,一般是用firebug,首先确保开启脚本调试:

使用开发者工具调试jsp页面中的脚本

然后刷新一下要调试的页面,点击firebug中的行内,选择当前页面:

使用开发者工具调试jsp页面中的脚本

js文件一般直接显示的是js文件的名字,而页面一般是拦截的请求路径,如上图所示请求路径为/login,显示的是login.

选中页面后就可以看到页面的代码了,和打开js文件无异,直接鼠标单击左侧的行号下断点,此时就可以正常的进行调试了,firebug的变量值会在右侧面板显示:

使用开发者工具调试jsp页面中的脚本

面板中白**域为当前中断处所在的方法,其中会显示参数和定义的局部变量值.下侧紧挨着的Function为中断处的外层方法,别扭的说法为当前中断处所在方法所在的方法..

以上为firebug调试页面的方法.谷歌与此类似:

使用开发者工具调试jsp页面中的脚本

如上图选择的Sources面板,谷歌可以直接从项目中选择要调试的页面.选择好后也是直接在行号上点击加断点,之后同firebug.略微不同处是谷歌调试的时候可以实时的将变量的值打印到变量的后面.


原标题:使用开发者工具调试jsp页面中的脚本

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。