只要你没有在element.style中插入CSS:

转到您已添加的样式。应该有一个链接说inspector-stylesheet:

单击它，它将打开您在源代码面板中添加的所有CSS 复制粘贴——耶!

如果你一直在使用element.style:

您只需右键单击HTML元素，单击Edit as HTML，然后复制并粘贴带有内联样式的HTML。

我知道这是一个老帖子，但我这样保存它:

转到资源窗格。 单击Show Navigator(在左侧显示导航器窗格)。 单击所需的CSS文件。(它将在编辑器中打开，包括您所做的所有更改) 右键单击编辑器并保存更改。

您还可以看到本地修改，以查看您的修订，非常有趣的功能。 还可以使用脚本。

现在Chrome 18已经在上周发布了所需的api，我在Chrome网络商店中发布了我的Chrome扩展。扩展自动保存CSS或JS在开发工具到本地磁盘的更改。去看看吧。

"资料"你找错地方了。

它不在“本地存储”下面，而是在“帧”下面:

上面的截图显示了原始样式与devtools中所做的新修改的差异。您可以右键单击左侧窗格中的项目并将其保存回磁盘。

新版本的Chrome有一个叫做工作区的功能来解决这个问题。您可以定义web服务器上的哪些路径对应于系统上的哪些路径，然后使用ctrl-s编辑并保存。

参见:http://www.html5rocks.com/en/tutorials/developertools/revolutions2013/

要回答你关于任何可以保存更改的扩展的问题的最后一部分，有一个修补程序

它允许您将更改从Chrome开发工具直接保存到GitHub。从那里，你可以在GitHub上设置一个接收后的钩子来自动更新你的网站。