通过source-map.js结合source-map文件已经错误行列就能找到源码对应的行列。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/source-map.js"></script> <title>Document</title> <script type="module"> window.onload=function(){ sourceMap.SourceMapConsumer.initialize({ "lib/mappings.wasm": "//repo.bfw.wiki/bfwrepo/js/mappings.wasm", }); //加载map文件 fetch('/asset/main.js.map') .then(response => response.text()) .then(data => { const consumer = new sourceMap.SourceMapConsumer(data); consumer.then(res => { const data= res.originalPositionFor({ line: 1, column: 946});//把错误的行列数值输进去 console.log(data)//就能看到源代码中对应的错误行与列额 }) // 处理获取到的数据 // console.log(data); }) .catch(error => { // 处理错误 console.error(error); }); } </script> <script src="/asset/mainnomap.js"></script> <script> window.onerror = function (msg, url, row, col, error) { const obj = { msg, url, row, col, }; console.log(obj); }; </script> </head> <body> 看console </body> </html>
网友回复
如何编写一个chrome插件实现多线程高速下载大文件?
cdn版本的vue在网页中出现typeerror错误无法找到错误代码位置怎么办?
pywebview能否使用webrtc远程控制共享桌面和摄像头?
pywebview6.0如何让窗体接受拖拽文件获取真实的文件路径?
如何在linux系统中同时能安装运行apk的安卓应用?
python有没有离线验证码识别ocr库?
各家的ai图生视频及文生视频的api价格谁最便宜?
openai、gemini、qwen3-vl、Doubao-Seed-1.6在ui截图视觉定位这款哪家更强更准?
如何在linux上创建一个沙箱隔离的目录让python使用?
pywebview如何使用浏览器自带语音识别与webspeech 的api?