Sourcemap源码与磁盘实际源码不一致，Firebug调试不同步求助

问题描述 #

在Ubuntu 22.04 LTS系统上使用Firefox 125.0（64位）调试JavaScript时，遇到以下异常：

• 部分注释行被标记为「活跃状态」，实际可执行的代码行反而呈灰色
• 设置断点单步调试时，程序执行流程与标记的活跃代码行完全不符

已尝试的操作 #

为解决问题，安装了Firefox Developer Edition 127.0b8，执行步骤如下：

1. 安装Firefox Developer Edition #

~/Downloads$ sudo cp firefox-127.0b8.tar.bz2 /opt
~/Downloads$ sudo rm -rf firefox*.tar.bz2
$ cd /opt
/opt$ sudo tar xjf firefox*.tar.bz2
/opt$ sudo rm -rf firefox*.tar.bz2
/opt$ sudo chown -R $USER /opt/firefox

2. 创建桌面启动文件 #

配置~/.local/share/applications/firefox_dev.desktop：

[Desktop Entry]
Name=Firefox Developer 
GenericName=Firefox Developer Edition
Exec=/opt/firefox/firefox %u
Terminal=false
Icon=/opt/firefox/browser/chrome/icons/default/default128.png
Type=Application
Categories=Application;Network;X-Developer;
Comment=Firefox Developer Edition Web Browser.
StartupWMClass=Firefox Developer Edition 

3. 设置启动文件权限 #

/opt$ chmod +x ~/.local/share/applications/firefox_dev.desktop
/opt$ sudo chmod +x ~/.local/share/applications/firefox_dev.desktop

上述操作后，调试器状态不同步的问题仍未改善。

可能的解决方法 #

• 清除调试器缓存：

  1. 打开Firefox，地址栏输入about:debugging
  2. 切换到「This Firefox」标签页，找到目标网站的调试会话，点击「Inspect」进入调试器
  3. 在「Sources」面板右键点击对应脚本文件，选择「Forget this source」
  4. 刷新页面重新加载脚本后重试调试

• 禁用缓存并强制刷新：
  打开调试器的「Network」面板，勾选「Disable Cache」，再按Ctrl+Shift+R强制刷新页面，确保加载最新脚本而非缓存版本

• 重置开发者工具配置：

  1. 点击调试器右上角的设置图标（⚙️）
  2. 滚动到页面底部，点击「Reset defaults and reload」，重置后重新打开调试器

• 排查源码映射（Source Maps）问题：

  • 若项目使用源码映射，确认构建工具（如Webpack、Vite）生成的sourcemap与编译后代码匹配
  • 暂时关闭调试器设置中的「Enable JavaScript source maps」，直接调试编译后的代码，验证是否恢复正常

• 使用全新配置文件：

  1. 关闭所有Firefox窗口，终端执行/opt/firefox/firefox -P
  2. 在配置文件管理器中创建新配置文件，用新配置文件启动Firefox Developer Edition后测试调试功能

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