Firefox DevTools中如何查找函数的源文件及行号？

嘿，我刚好研究过Firefox DevTools这个点，确实和Chrome的操作逻辑不太一样，给你几个实用的方法解决这个问题：

• 使用inspect()命令直接跳转：在控制台拿到目标函数对象后，直接输入 inspect(yourFunctionName) 并执行，DevTools会自动跳转到调试器面板对应的源文件行号（如果有Source Map配置，会直接跳转到原始源文件，和Chrome的效果一致）。这是最直接高效的方式。
• 点击控制台函数条目旁的定位图标：当你在控制台输出函数时，不要点击函数名本身（点击函数名只会展开Function对象详情），注意看函数名右侧的小型定位图标（类似指向文件的箭头），点击这个图标就能直接跳转到对应的源文件位置。这个图标比较隐蔽，第一次用容易忽略。
• 通过console.dir()查看位置信息：如果不想直接跳转，输入 console.dir(yourFunctionName) 输出函数的详细属性，其中[[FunctionLocation]]字段会显示该函数所在的文件路径和行号，你可以根据这个信息手动在调试器面板定位，或者复制路径快速搜索。

内容的提问来源于stack exchange，提问作者emptyother