在Chrome开发工具中自动保存对现有样式所做的CSS更改？ [英] Automatically save CSS changes made to existing styles in Chrome dev tools?

问题描述

我已经将必要的文件映射到本地资源 - 但是，这允许我保存对源面板中对文件所做的任何更改，我想知道是否可以自动保存对CSS做的更改元素面板。否则，此时，对元素面板中的样式所做的任何更改似乎只存在于此处。

I've already mapped the necessary files to the local resource - however, while that does allow me to save any changes made to a file in the Sources panel, I was wondering if it's possible to automatically save changes to CSS made in the Elements panel. Otherwise at the moment, any changes made to the style in the Elements panel seem to exist only there.

我记得在某些时候，在Elements面板的Styles选项卡中有一个类/ id等旁边的文件和行号的一些指示器 - 肯定不可能很难简单地更新任何更改的风格规则考虑到Chrome知道它从哪里来的（如果它是一个样式表，而不是内联样式？）。这将是一个很大的缓解我的工作流。

I remember at some point there used to be a little indicator of the file and line number next to a class/id etc. in the Styles tab of the Elements panel - surely it can't be that hard to simply 'update' any changes to that style rule considering Chrome knows exactly where it's coming from (in the case that it's a stylesheet and not an inline style?). It would be a great relief to my workflow.

此类似的问题已过时。

推荐答案

您的更改。在样式旁边应该有一个文件名的链接，有一些沿着site.css：4或类似的线，如果你点击那个链接，它将打开源标签页与该特定页面您已编辑的内容修改。然后，您可以将其另存为，然后从那里保存文档。

When you have finished making your changes in the Elements tab. Next to the style there should be a link with the file name there, something along the lines of site.css:4 or similiar, if you click on that link it will open up the sources tab with that certain page what you have editied containing the modifications. Then you can go to save as, and then save the document from there.

我希望这可以帮助你：）

I hope this helps you out :)

这篇关于在Chrome开发工具中自动保存对现有样式所做的CSS更改？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！