时间戳

首页 > 解决方案 > Chrome 调试器中的这个十六进制值是什么？

javascript - Chrome 调试器中的这个十六进制值是什么？

问题描述

我只是好奇为什么在这个 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

例如，源websocket.js与 相关13d9。

这个十六进制值来自哪里，它的用途是什么？

在这种情况下，我不关心实际的错误，我只是将其用作示例。

标签： javascriptgoogle-chrome

解决方案

这是文件 URL 的一部分。

无法确定在这种情况下设置了什么，但这是在更新 js 文件时避免缓存的常用方法。

Chrome 的控制台输出不公开列号，所以后面的:内容是行号。

const script = document.createElement('script');
const blob = new Blob([`const foo = "bar";
// should throw at line 3
throw new TypeError('not a baz');`], {type: "application/javacript"});
script.src = URL.createObjectURL(blob);
document.head.appendChild(script);

结果是

Uncaught TypeError: not a baz            blob:null/96273a46-9...a3b1-12d1f1f3355c:3
   at 96273a46-9f81-4eed-a3b1-12d1f1f3355c:3

来自 Chrome 控制台的错误消息

如您所见，此处仅显示行号，尽管Error.stack消息确实在表单中公开了列号script_url:lineno:colno

const script = document.createElement('script');
const blob = new Blob([`console.log(new Error('foo').stack);`], {type: "application/javacript"});
script.src = URL.createObjectURL(blob);
document.head.appendChild(script);


/*
Error: foo
    at blob:null/[random-blob-url]:1:13
*/

推荐阅读