点击按钮无反应?1 秒定位问题!

柠檬班群里有同学问问题,问题如下:

image.png

控件是啥?如果不理解,那么我们暂且理解为一个页面上的按钮吧。如果你点击了这个按钮,没有反应,我们应该如何定位问题呢?

-A:从测试角度来分析

确定是否所有浏览器都是点击没有反应,如果是:那么就是这个按钮没法点击;如果不是,那么就是某个浏览器才会有这个问题,直接提 bug。
确定是点击了之后,但是是没有呈现点击效果,直接提交 bug。

-B:从开发角度来分析

如果说点击页面上的某个按钮,比如说一个编辑用户信息的页面,当我们填写完用户信息,点击保存按钮的时候,正常情况下是提示保存成功,但是如果发现没有任何反应,则可能是以下原因:
1,js 有错误。验证方法可以打开浏览器的调试器,按 F12,然后看 console 是不是有错误。最好的调试器是火狐 Firefox 的 firebug。安装了这个插件,查看页面请求,js 是否有错误都非常方便

2,js 没错误,保存按钮绑定的事件未触发,可能原因:如果是 jQuery 事件,可能是 jQuery 选择器未绑定到正确的页面元素上,所以导致事件没触发。

3,js 没错误,按钮点击后,触发了事件,也提交了请求到后台,但是页面无反应,可能原因:后台发生了错误,而且如果这个页面请求是 AJAX 请求,在 AJAX 回调函数里对于服务器异常的情况未作处理,所以页面无任何反应。这个时候可以打开 firebug 查看提交到后台的请求,如果返回码是 500,则说明是服务器后 台发生了错误。

4,js 没错误,提交了请求到后台请求返回码也不是 500,是 404。这种情况是因为请求后台的接口地址错误。

5,js 没错误,按钮点击后,触发了事件,也提交了请求道后台,返回码也不是 500,不是 404,是 400,这种情况是说明这个请求是非法请求,很有可能是因为请求参数有问题而导致的。

回帖
请输入回帖内容 ...