从昨天下午开始，每次我尝试通过 Chrome 的开发者工具直接修改预先存在的 CSS 样式时，它都会打开 JavaScript 控制台并聚焦于该控制台。这只会影响本地主机，而不会影响实时网站。
举个例子，body我正在处理的网站上的标签如下：
如果我尝试修改margin为5px，只要我单击该值并开始输入，它就会打开并聚焦控制台：
5注意它是如何作为值输入的，但px最终出现在自动打开的控制台窗口中。
这不仅仅发生在打字时。我注意到以下事情：
- 首次打开开发人员工具时，将打开“控制台”选项卡（大约半秒钟后，尽管上次使用开发人员工具时它并未打开）。
- 通过 Chrome 的颜色选择器修改颜色时也会发生这种情况 - 一旦选择了颜色，它就会打开并聚焦控制台。
- 使用向上和向下箭头来增加或减少值时也会发生这种情况。
- 这确实不是手动输入新样式声明或通过添加新样式属性时发生元素样式区域。
- 这也确实不是在输入属性名称时会发生这种情况，只有它们的值（例如，如果我
padding向现有样式声明中添加新声明，我可以正常输入“padding：”，但只要我输入一个值，它就会聚焦控制台）。
知道为什么会发生这种情况吗？昨天早上没有发生这种情况，而且我没有更新 Chrome 或更改任何设置（至少不是故意的）。