html - 自动保存对 Chrome 开发工具中现有样式所做的 CSS 更改?

标签 html css google-chrome

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

我记得在某个时候,元素面板的样式选项卡中的类/id 等旁边曾经有一个文件和行号的小指示器 - 当然简单地“更新”不会那么难' 考虑到 Chrome 确切知道它的来源(如果它是样式表而不是内联样式?),对该样式规则的任何更改。这将极大地缓解我的工作流程。

this 的答案类似的问题已过时。

最佳答案

在“元素”选项卡中完成更改后。在样式旁边应该有一个带有文件名的链接,类似于 site.css:4 或类似的东西,如果您单击该链接,它将打开源选项卡,其中包含您编辑的特定页面修改。然后你可以去另存为,然后从那里保存文档。

希望对你有所帮助:)

关于html - 自动保存对 Chrome 开发工具中现有样式所做的 CSS 更改?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23914983/

相关文章:

html - 字体在 IE10 中不起作用

javascript - 打印从服务器加载的内容

javascript - 将鼠标悬停在下拉菜单上时,如何让导航栏的下拉菜单保持不变?

javascript - CSS 3d-Button "onclick"- 事件在顶部不起作用

javascript - 在最近的 Google Chrome 中访问错误对象 (43.0.2357.65 m)

javascript - 使用 Aurelia 动态渲染 html

html - 当我点击图像时,我在它上面放了一个滤镜,它也会影响图像的边框,我怎样才能使边框抵抗它?

html - Bootstrap css 字形

google-chrome - Chrome 扩展获取当前主题背景

css - 按钮微调器在 Firefox 中工作但在 Chrome 中不旋转