如何保存Google Chrome Developer Tools的Styles panel的CSS变化
在tool的网站上提到了we can see all change in resource panel
但我正在本地处理CSS文件,但更改不会显示在资源面板中
顺便问一下,你知道Chrome开发者工具中有什么附加组件,保存css变化的工具吗?我知道Firebug有很多https://stackoverflow.com/search?q=firebug+CSS+changes+save
发布于 2011-07-27 19:28:07
您可以从Chrome Dev工具本身保存您的CSS更改。Chrome现在允许你添加本地文件夹到你的工作区。在允许Chrome访问该文件夹并将该文件夹添加到本地工作区后,您可以将web资源映射到本地资源。
CTRL + S
。附注:
您可能需要打开映射文件并开始编辑,以使Chrome应用本地版本(日期201604.12)。
发布于 2018-02-10 02:07:03
这里是DevTools技术作家和开发者的倡导者。
从Chrome65开始,Local Overrides是一种新的、轻量级的方式。这是一个与工作空间不同的功能。
设置覆盖
对DevTools所做更改的读写访问权限。在下面的GIF中,您可以看到background:rosybrown
更改在页面加载过程中持续存在。
重写的工作原理
当您在DevTools中进行更改时,DevTools会将更改保存到计算机上文件的修改副本中。重新加载页面时,DevTools将提供修改后的文件,而不是网络资源。
重写和工作区之间的区别
Workspace旨在让您使用DevTools作为您的集成开发环境。它使用源图将您的存储库代码映射到网络代码。真正的好处是,如果您正在缩小代码,或者使用需要转换的代码,例如SCSS,那么您在DevTools中所做的更改(通常)会映射回原始源代码。另一方面,覆盖允许您修改和保存web上的任何文件。如果您只是想快速尝试更改,并在页面加载时保存这些更改,那么这是一个很好的解决方案。
发布于 2013-09-30 19:17:04
新版本的Chrome有一个叫做工作区的特性来解决这个问题。您可以定义with服务器上的哪些路径与系统上的哪些路径相对应,然后仅使用ctrl-s进行编辑和保存。
请参阅:http://www.html5rocks.com/en/tutorials/developertools/revolutions2013/
https://stackoverflow.com/questions/6843495
复制相似问题