我正在尝试保存在Firefox Developer Edition的Inspector 选项卡上完成的 CSS 更改。
据我所知，您只能将 CSS 保存在 Style Editor 选项卡中，但它不反映使用 Inspector Tool 所做的更改。
无论如何从 Inspector 选项卡中编辑样式编辑器中的 css 吗？
问问题
3452 次
2 回答
2
在寻找更好的工作流程时，我发现您可以对 Inspector 进行更改，然后将这些更改反映到样式编辑器中，您可以在其中保存它。
它不是自动的，但只需单击一下即可轻松完成。
只需在检查器中进行更改，然后单击文件名：行号链接并保存更改。请参阅下面的视觉指南：
检查并找到您的对象。
单击文件名：行号链接只是为了查看您的属性是您在检查器上看到的原始属性。
回到检查员那里。更改您的值，然后再次单击 file-name:line-number 链接。
您将看到样式编辑器中的值已更新为检查器中更改的值。现在只需保存并继续下一个元素。
现在您可以使用键盘快捷键 CTRL+SHIFT+C 快速切换回 Inspector（注意：此快捷键对我不起作用，因此您可能需要找到高级键盘快捷键管理器）。
于 2018-02-17T22:18:19.260 回答
0
Chrome 中有一个很好的解决方案。请参阅：如何保存 Chrome 开发者工具样式面板的 CSS 更改？
我在 Firefox 中不知道。请参阅： https: //support.mozilla.org/en-US/questions/967467
于 2014-12-11T10:44:00.123 回答