javascript - 如何更新登录到 Chrome 控制台的变量

Question

假设我需要跟踪窗口大小并记录输出。我添加了一个事件监听器并使用

console.log(window.innerWidth)

但是，每次调整窗口大小时，都会在控制台中添加一个新行。

我需要的是在控制台中的一行中显示 innerWidth ，每次调整窗口大小时都会更新它。

Answer 1

你不能有一条更新的线路。控制台行是附加的，不能被覆盖。

您需要构建一个自定义 UX 来处理您的应用程序作为覆盖的需求。或者您可以将设备模式用作“响应式”，让您自由调整大小并查看该窗口内的更新宽度/高度。

Answer 2

正如 Garbee 所说，您无法在标准控制台中实现该功能。您也可以使用监视变量来跟踪window.innerWidth. 不幸的是，您需要手动重新加载它。