如何在Chrome DevTools网络面板将MB转为KB并显示精确整数值

没问题，我来帮你搞定这个需求！Chrome DevTools确实能调整单位显示，而且要拿到精确数值也有办法：

一、切换到KB单位显示 #

首先先把默认的MB单位改成KB：

• 打开Chrome DevTools（按F12或者Ctrl+Shift+I），切到Network标签页。
• 点击标签页右上角的齿轮图标⚙️（设置按钮），打开设置面板。
• 往下翻找到Network分类，找到Size display format选项：
  • 默认是「Automatic」（自动根据大小切换MB/KB/B），你直接改成「Kilobytes」就行，这样所有请求的大小都会以KB为单位展示。
  • 不过这里要注意，DevTools默认的Kilobytes显示还是会简化成带小数的形式（比如33.5MB会显示成34300 KB左右，因为1MB=1024KB），如果想要完全精确的整数，就得看下面的方法。

二、获取精确的KB整数数值 #

如果想要拿到像33.5MB对应33527这种精确的数值（这里应该是用1000进制换算的？因为33.5*1000=33500，精确值对应实际的字节数除以1000），可以这么做：

1. 查看原始字节数：
   • 还是在Network标签页的设置里，把Size display format改成「Bytes」，这样就能看到每个请求的精确字节数。
   • 或者更方便的：右键点击Network表格的表头（比如「Size」列），选择「Customize columns」，在弹出的面板里找到并勾选「Size (raw)」，这样表格里会多出一列显示精确的原始字节数。
2. 换算成精确KB值：
   • 如果是用1024进制（标准的计算机存储单位），就把原始字节数除以1024，取整数部分或者保留精确值（比如35123200字节 ÷1024=34300 KB）。
   • 如果是用1000进制（运营商常用的流量单位），就除以1000，比如33527000字节 ÷1000=33527 KB。
3. 批量自动换算显示（进阶）：
   • 如果你不想手动算，可以打开DevTools的Console标签页，运行一段小脚本，自动把所有请求的大小改成精确的KB整数：

     // 这里以1000进制为例，要1024进制就把1000改成1024
     document.querySelectorAll('.network-table .size-column-value').forEach(el => {
       const rawBytes = parseInt(el.getAttribute('data-value'));
       if (!isNaN(rawBytes)) {
         const exactKB = Math.floor(rawBytes / 1000); // 用Math.floor取整，或者直接用rawBytes/1000保留整数
         el.textContent = `${exactKB} KB`;
       }
     });
     

   • 运行后，Network表格里的Size列就会显示精确的KB整数了，不过刷新页面后需要重新运行脚本哦。

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