前端断点测试
2015-07-29 11:12
316 查看
惯例:
我是温浩然:
如果点击某个按钮,发现没有到应该进行的方法中,就需要进行断点调试,一般是用chrome来进行的。
1、右键你要点击的按钮,选择审查元素,然后,看这个按钮执行了什么点击事件,或者执行什么方法,
2、如果不确定这个方法在什么地方进行定义,就把方法名复制,在当前页进行ctrl+f 来进行查找,找到之后,就可以看这个方法是怎样执行的。
3、如果还是不确定,可以在,Sources中,选择对应的资源(这些都是你访问当前页面,从服务器请求的资源),找到对应的方法。
4、断点:步骤如下图。
步骤1:这个是你想要点击的按钮,点击它会执行一系列方法
步骤2:在确定会执行的方法行号上,左键,选择断点。
步骤3:都设定好之后,刷新页面,重新点击步骤1 的按钮,会出现当前页面。
步骤4:断点的逐步调试,和继续运行,就是eclipse中的,F6和F8,只不过,在前台中,逐步运行是F9.
我是温浩然:
如果点击某个按钮,发现没有到应该进行的方法中,就需要进行断点调试,一般是用chrome来进行的。
1、右键你要点击的按钮,选择审查元素,然后,看这个按钮执行了什么点击事件,或者执行什么方法,
2、如果不确定这个方法在什么地方进行定义,就把方法名复制,在当前页进行ctrl+f 来进行查找,找到之后,就可以看这个方法是怎样执行的。
3、如果还是不确定,可以在,Sources中,选择对应的资源(这些都是你访问当前页面,从服务器请求的资源),找到对应的方法。
4、断点:步骤如下图。
步骤1:这个是你想要点击的按钮,点击它会执行一系列方法
步骤2:在确定会执行的方法行号上,左键,选择断点。
步骤3:都设定好之后,刷新页面,重新点击步骤1 的按钮,会出现当前页面。
步骤4:断点的逐步调试,和继续运行,就是eclipse中的,F6和F8,只不过,在前台中,逐步运行是F9.
相关文章推荐
- jquery ui 的autocomplete 点击就加载指定数组
- HTML DOCTYPE 重要性
- 原生Js封装的产品图片360度展示
- Js 动态插入css js文件
- QTableView的滚动条设置样式
- php使用gzip压缩传输js和css文件的方法
- JavaScript中的cacheStorage使用详解
- Js动态获取iframe子页面的高度总结
- JSP的基本构成详解
- 纯CSS绘制三角形(各种角度)
- JS - 跳转页面
- jsp预览本地上传图片
- 调前端布局bug的步骤:
- Javascript offsetLeft详情
- jstack(查看线程)、jmap(查看内存)和jstat(性能分析)命令
- js 正则表达式之test函数讲解
- PHP jQuery实现上传图片时预览图片的功能实例
- 如何设置jquery的ajax方法为同步
- 浅谈Javascript数组的使用
- JQuery 双击动态编辑