以下是一个示例代码，可用于计算浏览器标签页的网络数据消耗。该代码应该在浏览器的开发者工具控制台中运行。

// 记录初始网络数据消耗
const initialBytes = performance.getEntries()[0].transferSize;

// 监听资源加载完成的事件，并计算网络数据消耗
let totalBytes = 0;
performance.getEntries().forEach((entry) => {
  if (entry.initiatorType === 'xmlhttprequest' || entry.initiatorType === 'fetch') {
    totalBytes += entry.transferSize;
  }
});

// 计算网络数据消耗的方法
function calculateDataConsumption() {
  const currentBytes = totalBytes - initialBytes;
  console.log(`网络数据消耗为 ${currentBytes} 字节`);
}

// 调用方法计算网络数据消耗
calculateDataConsumption();

该代码首先记录了初始网络数据消耗，然后监听资源加载完成的事件，并计算网络数据消耗。最后，计算网络数据消耗的方法被调用，并输出计算结果。

值得注意的是，该代码仅计算XMLHttpRequest和Fetch API请求的网络数据消耗。如果要计算其他类型的网络请求，需要修改代码并相应地更改调用计算网络数据消耗的方法的位置。