为什么在 devtools 中复制样式会变得如此混乱？ [关闭]答案

【问题标题】：Why copying styles ends being so messed up in devtools? [closed]为什么在 devtools 中复制样式会变得如此混乱？ [关闭]
【发布时间】：2021-12-19 06:20:23
【问题描述】：

从 Chrome Devtools 复制

粘贴在 VS 代码中

我的猜测：这可能与 Chrome 的新单位切换下拉菜单有关。那么，这真的是一个错误。或者我做错了什么。

不过，我使用的是苗条的。但我确信它与问题无关。我也尝试在记事本中粘贴。结果一样。

【问题讨论】：

为什么？只是一个猜测，但也许是因为它从未打算被复制。如果您想要一个明确的答案，请联系 Chromium 社区。仅供参考，您可能可以从 Sources 面板获得更好的来源
或者甚至右键单击类名并选择“复制所有声明”
太棒了。但它曾经奏效。如果你想复制一些声明但不是全部怎么办。肯定会给你更多的灵活性。
可以确认它在过去几年中一直运行良好。我正在使用相同的方法将测试代码复制到 vscode。现在它会犯同样的错误。快速的解决方案是习惯于右键单击并复制所有声明。
将您的 chrome 更新到最新版本，问题已在版本 96.0.4664.45（官方构建）（64 位）中修复

标签： javascript css svelte devtools

【解决方案1】：

如果你右击可以选择“复制选择器”来获取

.event

如果你点击“复制规则”，你会得到

.event {
    position: absolute; //etc.
}

如果你点击“复制所有声明”，你会得到：

position: absolute; //etc.

【讨论】：