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

nsc4cvqm  于 2023-04-27  发布在  Go
关注(0)|答案(2)|浏览(127)

我知道,我们可以选择2,4,8空格或制表符,但我想完全删除任何缩进,当我从Chrome督察复制CSS代码,这是可能的?谢谢
我的意思是,从检查器的右侧复制css,当我将其粘贴到代码编辑器时,它带有缩进,我想复制没有缩进

jjhzyzn0

jjhzyzn01#

这假设CSS已经按照您的喜好进行了格式化,除了它有不需要的缩进字符。您可能需要按下源代码状态栏左下角的自动格式化按钮(看起来像{ })。(请参阅https://developers.google.com/web/tools/chrome-devtools/javascript/reference#format。)
在开发工具的源标签中,选择你想要复制的CSS部分,然后按住Shift键,然后按Tab键一次。你可能需要这样做几次才能删除所有的缩进,特别是如果有嵌套的at规则,如@media。(如果文件很大,可能需要一些时间来更新“源”选项卡中的视图。)然后通过复制所选代码继续正常操作。

ergxz8rk

ergxz8rk2#

这已经困扰我很多年了,我终于想通了。在Chrome开发工具设置〉首选项中,将默认缩进设置为“Tab字符”。
我想这个选项以前没有,但是现在有了,并且在复制/粘贴时删除了烦人的缩进

相关问题