使用开发者工具调试jsp页面中的脚本
2016-04-21 22:25
387 查看
只举例火狐和谷歌.如果是火狐,一般是用firebug,首先确保开启脚本调试:
然后刷新一下要调试的页面,点击firebug中的行内,选择当前页面:
js文件一般直接显示的是js文件的名字,而页面一般是拦截的请求路径,如上图所示请求路径为/login,显示的是login.
选中页面后就可以看到页面的代码了,和打开js文件无异,直接鼠标单击左侧的行号下断点,此时就可以正常的进行调试了,firebug的变量值会在右侧面板显示:
面板中白色区域为当前中断处所在的方法,其中会显示参数和定义的局部变量值.下侧紧挨着的Function为中断处的外层方法,别扭的说法为当前中断处所在方法所在的方法..
以上为firebug调试页面的方法.谷歌与此类似:
如上图选择的Sources面板,谷歌可以直接从项目中选择要调试的页面.选择好后也是直接在行号上点击加断点,之后同firebug.略微不同处是谷歌调试的时候可以实时的将变量的值打印到变量的后面.
然后刷新一下要调试的页面,点击firebug中的行内,选择当前页面:
js文件一般直接显示的是js文件的名字,而页面一般是拦截的请求路径,如上图所示请求路径为/login,显示的是login.
选中页面后就可以看到页面的代码了,和打开js文件无异,直接鼠标单击左侧的行号下断点,此时就可以正常的进行调试了,firebug的变量值会在右侧面板显示:
面板中白色区域为当前中断处所在的方法,其中会显示参数和定义的局部变量值.下侧紧挨着的Function为中断处的外层方法,别扭的说法为当前中断处所在方法所在的方法..
以上为firebug调试页面的方法.谷歌与此类似:
如上图选择的Sources面板,谷歌可以直接从项目中选择要调试的页面.选择好后也是直接在行号上点击加断点,之后同firebug.略微不同处是谷歌调试的时候可以实时的将变量的值打印到变量的后面.
相关文章推荐
- js常用正则表达式,滚蛋吧!你们测试组bug,让你挑
- 运用正则做简单的表单验证
- JS中六种数据类型(四)——Number
- js 原型和原型链
- Jsoup
- jsp基础知识图解
- javascript 前端验证 file 上传图片 尺寸 大小
- jsf+primefaces问题汇总
- JSF页面中使用js函数回调后台bean方法并获取返回值的方法
- 安卓中使用Gson解析json方法详解与使用例子
- js跨域请求jsonp数据
- 客户端js判断文件类型和文件大小即限制上传大小图片预览
- javascript 上传文件到 oss
- Javascript数组方法(译)
- Extjs5中HtmlEditor文本编辑器
- 未来攻城师
- JavaScript正则表达式下——相关方法
- Json和XML解析
- JSP ffmpeg实现视频截图
- JavaScript ECMAScript5