gpt4 book ai didi

css - 如何在 Chrome 开发工具中获取 CSS 更改的摘要?

转载 作者:行者123 更新时间:2023-11-28 08:44:44 24 4
gpt4 key购买 nike

有没有办法获取您在 Chrome 开发工具中应用的自定义 CSS 更改的列表?

当您在 Chrome 开发工具中使用 CSS 来使您的网页看起来正确时,它会派上用场来轻松跟踪您所做的更改。

我知道工作区,但用例是一个 Angular 5 应用程序,您的 CSS 被捆绑并可能​​被缩小。

澄清一下:

  • 我的页面与它应有的样子相去甚远
  • 我在开发工具中修复了 20 个 CSS,直到它看起来不错
  • 现在我想从原始页面获取一个 (CSS) 增量,这样我就有了一个更改列表,我现在应该在真正的 CSS 样式中实现这些更改。

最佳答案

您可以通过 Changes Drawer 查看所有更改

Changes Drawer

在 Dev Tools 中,您可以通过以下任一方式找到 Changes Drawer:

  • A) 打开命令面板 (Ctrl + Shift + P) 并输入“< em>变化”

    Command Palette > Changes

  • B) 打开抽屉 (Esc),点击更多选项菜单(三点),然后选择更改

    Drawer Menu > Changes

进一步阅读

更新

关于css - 如何在 Chrome 开发工具中获取 CSS 更改的摘要?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50642885/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com