前端断点测试

惯例:

我是温浩然:

如果点击某个按钮,发现没有到应该进行的方法中,就需要进行断点调试,一般是用chrome来进行的。

1、右键你要点击的按钮,选择审查元素,然后,看这个按钮执行了什么点击事件,或者执行什么方法,

2、如果不确定这个方法在什么地方进行定义,就把方法名复制,在当前页进行ctrl+f 来进行查找,找到之后,就可以看这个方法是怎样执行的。

3、如果还是不确定,可以在,Sources中,选择对应的资源(这些都是你访问当前页面,从服务器请求的资源),找到对应的方法。

4、断点:步骤如下图。

步骤1:这个是你想要点击的按钮,点击它会执行一系列方法

步骤2:在确定会执行的方法行号上,左键,选择断点。

步骤3:都设定好之后,刷新页面,重新点击步骤1 的按钮,会出现当前页面。

步骤4:断点的逐步调试,和继续运行,就是eclipse中的,F6和F8,只不过,在前台中,逐步运行是F9.

时间: 2024-10-30 21:03:12

前端断点测试的相关文章

xcode断点 测试。。。。。。

问题描述 xcode断点 测试...... 怎么能够再代码区快速进入我所点击进入页面的代码区...求大神指教

防CSRF攻击:一场由重复提交的问题引发的前端后端测试口水战

重复提交,这是一直以来都会存在的问题,当在网站某个接口调用缓慢的时候就会有可能引起表单重复提交的问题,不论form提交,还是ajax提交都会有这样的问题,最近在某社交app上看到这么一幕,这个团队没有做重复提交的验证,从而导致了数据有很多的重复提交,在这里我们不讨论谁对谁错,问题解决即可.    首先的一种方式,在前端加入loading,或者是blockUI,在ios以及安卓上也是类似,效果如下:  这个时候整个页面不能再用鼠标点击,只能等待请求响应以后才能操作 具体可以参考blockUI这个插

使用dump函数,给php加断点测试

代码如下: function dump($var, $echo=true,$label=null, $strict=true) { $label = ($label===null) ? '' : rtrim($label) . ' '; if(!$strict) { if (ini_get('html_errors')) { $output = print_r($var, true); $output = "<pre>".$label.htmlspecialchars($o

使用dump函数,给php加断点测试_php技巧

复制代码 代码如下: function dump($var, $echo=true,$label=null, $strict=true){    $label = ($label===null) ? '' : rtrim($label) . ' ';    if(!$strict) {        if (ini_get('html_errors')) {            $output = print_r($var, true);            $output = "<p

近几年前端技术盘点以及 2016 年技术发展方向

我从 12 年底开始接触前端,12 年之前的前端发展情况只能从上一辈的笔触中领会.本文会盘点从 09 年开始到 15 年间前端技术的革新,同时也会从多个角度,解读近几年前端技术发展的潜在因素,其中穿插了若干对前端演进的拙见,难免会有错误和疏漏,望读者可以补充和斧正. 那些年,一度追捧,一度放弃 下面,花一些篇幅简单回顾下 09 年到 15 年前端的发展历程. 09 年,基础类库完善,寻求突破 09 年之前,JavaScript 还处于对自身语言的完善过程中,而到了 09 年,JavaScript

spring mvc-Sprin-test测试Controller,断言报错:No ModelAndView found

问题描述 Sprin-test测试Controller,断言报错:No ModelAndView found 问题很奇怪: 使用MockMvc测试SpringMVC的Controller层,调用mockMvc.perform(MockMvcRequestBuilders.post("XXXX")的时候无法调用到Controlelr层的代码,且只要XXX是"/xxx"格式的,返回的状态就一直是200,但结果永远都是null. 1.controller注册了的,我检查了

初步了解Angular 2端到端的测试

有许多原因使我过去不愿对自己的应用添加自动化测试.原因之一是不知道其中的效益成本比率,另一个原因是考虑到集成到现有生产环境的应用可能比较难.测试应用而不用从头重构代码,仅仅只是引入测试要怎么做呢? 首先我们先从简单区分测试的类型开始.应用测试有很多类型,但最为常见的是单元测试及端对端测试(亦称为集成测试).单元测试是测试代码自身行为的一种测试.在用户看来什么也没有做,但可以确保其方法能达到期望的目的.集成测试是模仿用户行为的一种测试.比如说,登陆系统,创建帖子,退出系统等这些操作都可以自动化,并

提高php程序性能和负载测试

计算执行的时间 通过下面这个简单的方法可以计算一段程序的执行时间(微妙)  代码如下 复制代码 $start_time = microtime(true); //一些需要计算时间的代码 //... code here ... print('代码的运行时间是:'.getExecTime($start_time)); function getExecTime($start_time) {  return microtime(true)-$start_time; }PEAR的Benchmark模块提供

Nodejs学习笔记之测试驱动_node.js

分享第二章,关于测试驱动.这里的测试主要针对Web后端的测试 -- 你为什么要写测试用例(即测试用例的完善是否是浪费时间),如何完善你的测试用例,代码设计如何简化测试用例的书写,以及一些后期的构想. 1. 你为什么要写测试用例 这个习惯通常会被认为是一种耽误开发进度的行为,你需要花费几乎和开发代码相同的时间来逐步完善你的测试用例.但是在开发过程中,在开发完成一段代码后如果负责任而不是说完全把问题交给测试人员去发现的话,这个时候通常都会去做一些手动的测试.例如: 在代码中执行某些方法,查看输出的值