全部产品
云市场

前端弹窗报错问题排查

更新时间:2018-12-09 13:02:55

您在 EDAS Console 页面执行一些操作的时候,偶尔会遇到一些弹窗报错,那么遇到这种情况的事情该怎么办那 ?

此时,推荐使用 Chrome 浏览器自带的“开发者工具” 来查看报错的 URL 以及对应的请求参数、返回值数据,并把这些诊断数据发给后端支持人员,以便支持人员快速、准确地定位到问题。

Chrome 开发者工具打开方式:

  • Chrome 菜单栏 -> 视图 -> 开发者 -> 开发者工具(或者更多工具 > 开发者工具)
  • 也可以使用快捷键:Ctrl+Shift+I (Windows) 或 Cmd+Opt+I (Mac) 进入。

开发者工具界面示例:

Chrome开发者工具

当你在 EDAS Console 操作时遇到弹窗报错,则可以打开 Chrome 开发者工具,并在触发弹窗报错的操作前,点击开发者工具窗口左上角的 Clear 按钮(),清理之前打开的 URL 的数据,然后触发弹窗报错的操作(例如:按钮、链接等),弹窗报错以后则可以点击 Chrome 开发者工具左上角的 Stop 按钮()停止收集 URL 请求的数据。

然后在 Chrome 开发者工具 窗口的 Network 列依次点击已录制的 URL 链接,点击右侧面板的 Response 标签页(也可以看 Preview 标签页),找到弹窗报错对应的响应数据,如下图所示:

应用部署弹窗报错

最后还需要把 Headers 标签页下面的请求参数数据(和 URL链接、Response 标签页下的数据)一起发给支持人员来分析诊断弹窗报错的原因。

注意:如果(正常可点击的)按钮或链接点击后无弹窗报错按钮或链接,还需要查看 Chrome 开发者工具 窗口工具栏的 Console 标签页输出的日志信息。