如何在Firefox Developer Tools 使用 source map？

太过爱你忘了你带给我的痛 2022-05-19 00:51 200阅读 0赞

**小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公司都在使用。**

1.  为做这个，请打开浏览器并输入: about:config.  
    ![How to open about:config inside firefox.][How to open about_config inside firefox.]
2.  接受授权。  
    ![Accept about:config warranty.][Accept about_config warranty.]
3.  搜索 **devtools.source-map.locations.enabled **并将其设置为 **true**。  
    ![Change the sourcemap boolean value for devtools.][]

参考：[https://developer.mozilla.org/zh-CN/docs/Tools/Debugger/How\_to/Use\_a\_source\_map][https_developer.mozilla.org_zh-CN_docs_Tools_Debugger_How_to_Use_a_source_map]

[Fundebug][]提供JavaScript监控，支持所有主流前端框架，微信小程序监控，微信小游戏监控，后端Node.js监控。

![1386816-20180502112633892-1858746955.png][]

**您可能感兴趣的**

1.  [Source Map入门教程][Source Map]
2.  [详解1000+项目数据分析出来的10大JavaScript错误][1000_10_JavaScript]
3.  [10个用Console来Debug的高级技巧][10_Console_Debug]
4.  [Fundebug支持区分Source Map版本][Fundebug_Source Map]
5.  [Debug前端HTML/CSS][Debug_HTML_CSS]
6.  [Fundebug：小程序的运维中心][Fundebug 1]

[Fundebug]: https://www.fundebug.com/
[How to open about_config inside firefox.]: /images/20220519/5953e3d908234d7ca0c8e2e9e825feeb.png
[Accept about_config warranty.]: /images/20220519/a875372fe6294369a6423a04351be345.png
[Change the sourcemap boolean value for devtools.]: /images/20220519/1dfb0fed83094c15a769b7e9a0eb296f.png
[https_developer.mozilla.org_zh-CN_docs_Tools_Debugger_How_to_Use_a_source_map]: https://developer.mozilla.org/zh-CN/docs/Tools/Debugger/How_to/Use_a_source_map
[1386816-20180502112633892-1858746955.png]: /images/20220519/aeef78f324ed45e78e834d9af962cd65.png
[Source Map]: https://blog.fundebug.com/2017/03/13/sourcemap-tutorial/
[1000_10_JavaScript]: https://blog.fundebug.com/2018/03/12/top-10-javascript-errors-from-1000-projects/
[10_Console_Debug]: https://blog.fundebug.com/2018/03/19/10-tips-for-debugging-with-console/
[Fundebug_Source Map]: https://blog.fundebug.com/2017/12/26/fundebug-can-distinguish-sourcemap-version/
[Debug_HTML_CSS]: https://blog.fundebug.com/2018/01/02/how-to-debug-frontend-html-css/
[Fundebug 1]: https://blog.csdn.net/qq_40126542/article/details/80112657