如何在Google Chrome Inspector中删除CSS缩进（开发人员工具）

Question

我知道我们可以选择2,4,8个空格或制表符，但是当我从Chrome Inspector复制css代码时，我想完全删除任何缩进， 有可能的？ 感谢

我的意思是，从Inspector的右侧复制css，当我将它粘贴到代码编辑器时，它带有缩进，我想复制没有那个缩进

Answer 1

这假定CSS已根据您的喜好进行了格式化，除了它具有不需要的缩进字符。您可能需要在“源”状态栏的左下角按“自动格式”按钮（它看起来像 {} ）。 （见https://developers.google.com/web/tools/chrome-devtools/javascript/reference#format。）

在Dev Tools的Sources选项卡中，选择要复制的CSS部分，然后按住 Shift 键，然后按 Tab 键一次。您可能需要执行此操作几次以删除所有缩进，尤其是在存在嵌套at规则时，例如@media。 （如果文件很大，可能需要一些时间来更新“源”选项卡中的视图。）然后通过复制所选代码正常进行。