# 页面某个地方操作无反应问题排查

# 场景

用户发现某个页面的某个按钮操作无反应,应该如何分析问题原因?

# 案例操作

如下图所示,点击修改按钮无反应:

1714303272967.png

但凡出现页面“点击无反应”、“一直处于加载中”、“点击报错”,都先通过浏览器F12开发者工具检查前端异常。

使用Chrome、新Edege等浏览器回显问题,快捷键F12打开调试窗口,查看Console(控制台)页签是否有异常:

可以看到通过控制台能看到有Javascript异常堆栈,此时可以点击“templateManagementCenter.js:468” 看到具体报错点(源代码位置)。

1714303284564.png

最后定位报错点如下图所示,看起来是创建的ajax对象没有找到指定方法,后续就是分析原因(由于分析此问题需要掌握V5 Ajax知识,故此章节不赘述)。

1714303296453.png

注:如果第一次点击链接无法打开详细代码页面,你可能需要考虑在打开F12窗口的前提下,刷新下当前浏览器页面,这种问题一般出现在JSP中,JSP需要在开发调试窗口打开状态下重新加载。

如果你排查发现浏览器Console控制台没有报错,则需要通过F12调试工具抓取当前请求状态,看此请求访问后端是不是出现挂起问题,后端挂起就需要抓取ThreadDump检查服务器请求。

创建人:het
修改人:het