【问题标题】:How to remove CSS indentation in Google Chrome Inspector (Developer tools)如何在 Google Chrome Inspector(开发者工具)中移除 CSS 缩进
【发布时间】:2018-07-21 13:11:47
【问题描述】:

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

我的意思是,从 Inspector 的右侧复制 css,当我将其粘贴到代码编辑器时,它带有缩进,我想在没有缩进的情况下复制

【问题讨论】:

    标签: google-chrome google-chrome-devtools inspector


    【解决方案1】:

    这假设 CSS 已经按照您的喜好进行了格式化,除了它有不需要的缩进字符。您可能需要按下 Sources 状态栏左下方的 Auto Format 按钮(看起来像 { })。 (见https://developers.google.com/web/tools/chrome-devtools/javascript/reference#format。)

    在开发工具的 Sources 选项卡中,选择要复制的 CSS 部分,然后按住 Shift 键,然后按一次 Tab 键。您可能需要多次执行此操作才能删除所有缩进,尤其是在存在嵌套规则(如 @media)的情况下。 (如果文件很大,可能需要一些时间来更新“源”选项卡中的视图。)然后通过复制选定的代码照常进行。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-11-02
      • 1970-01-01
      • 1970-01-01
      • 2015-02-16
      • 2013-01-13
      相关资源
      最近更新 更多