如何从Chrome调试器分析堆栈跟踪?

时间:2018-12-17 23:28:58

标签: javascript google-chrome sockets debugging webpack

在这个问题上我有几个问题...

  • 堆栈跟踪的顺序是什么?是自上而下还是相反, 即哪个函数调用了哪个函数?
  • 我只从webpack提供一个名为bundle.js的文件,所以为什么它们 多个文件名?这是否意味着bundle.js正在下载 这些名称还有其他脚本吗?
  • ?[Hex:Decimal]组合的作用是什么?小数点出现在 是行号什么是十六进制?
  • 最后,@之前的部分是什么。

Chrome浏览器中的堆栈跟踪

WebSocket is already in CLOSING or CLOSED state.
(anonymous) @ websocket.js?13d9:192
exports.encodePacket @ browser.js?9636:123
(anonymous) @ websocket.js?13d9:170
WS.write @ websocket.js?13d9:202
Transport.send @ transport.js?87a5:110
Socket.flush @ socket.js?1006:565
Socket.sendPacket @ socket.js?1006:625
Socket.ping @ socket.js?1006:529
(anonymous) @ socket.js?1006:516
setTimeout (async)
Socket.setPing @ socket.js?1006:514
Socket.onPacket @ socket.js?1006:445
(anonymous) @ socket.js?1006:273
Emitter.emit @ index.js?ea2f:133
Transport.onPacket @ transport.js?87a5:145
Transport.onData @ transport.js?87a5:137
ws.onmessage @ websocket.js?13d9:147

1 个答案:

答案 0 :(得分:1)

reference by google回答了您的几个问题。

  • 首先是订单-您看到的初始行是 失败,并且它下面的每一行都是调用的函数 它。

  • 在调试器中可以找到名为“源”的“文件”。

  • @之前的部分是调用函数的名称。

  • 看到的小数部分是行号。

  • 十六进制似乎以某种方式与源名称相关。