Firefox 71开发者工具XHR参数显示异常，如何恢复旧版格式？

不少Firebug用户确实反馈过这个问题——毕竟Firebug依赖Firefox的底层调试引擎，Firefox 71对DevTools的请求参数渲染逻辑做了调整，连带Firebug也受到了影响，很多人都吐槽参数多的时候可读性暴跌。

想要恢复到Firefox 70那种清晰的键值对显示格式，有两个靠谱的办法：

方法一：调整DevTools内置设置（推荐） #

这是最直接的解决方式：

• 打开Firefox DevTools（快捷键F12或者Ctrl+Shift+I）
• 点击右上角的齿轮图标进入设置面板
• 在网络分类下，找到类似「格式化查询字符串为键值对」的选项（不同版本的措辞可能略有差异，比如有些版本叫「将查询参数显示为分行的键值对」），勾选它之后，XHR的查询参数就会回到param1 = value1、param2 = value2这种一目了然的格式了。

方法二：临时手动格式化（应急用） #

如果找不到对应的设置选项（比如部分版本的DevTools菜单调整了位置），可以用一段简单的代码在控制台快速解析：

1. 复制DevTools里显示的参数串（注意把&替换成&）
2. 在控制台执行这段代码：

const queryString = "&param1=value1&param2=value2"; // 替换成你复制的实际参数
const params = new URLSearchParams(queryString);
[...params.entries()].forEach(([key, value]) => {
  console.log(`${key} = ${value}`);
});

执行后控制台就会输出格式化好的键值对，方便你快速查看。

其实这个变动是Firefox团队为了统一请求参数的渲染逻辑做出的调整，但确实没考虑到参数较多时的可读性问题，好在内置设置就能一键改回旧格式，不用太麻烦。

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