通过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>
网友回复
python如何实现torrent的服务端进行文件分发p2p下载?
如何在浏览器中录制摄像头和麦克风数据为mp4视频保存下载本地?
go如何编写一个类似docker的linux的虚拟容器?
python如何写一个bittorrent的种子下载客户端?
ai能通过看一个网页的交互过程视频自主模仿复制网页编写代码吗?
ai先写功能代码通过chrome mcp来进行测试功能最后ai美化页面这个流程能行吗?
vue在手机端上下拖拽元素的时候如何禁止父元素及body的滚动导致无法拖拽完成?
使用tailwindcss如何去掉响应式自适应?
有没有直接在浏览器中运行的离线linux系统?
nginx如何保留post或get数据进行url重定向?