从Firefox Developer Edition Inspector工具编辑CSS

Question

我正在尝试保存 Firefox Developer Edition 中检查器标签上完成的CSS更改。

据我所知，您只能在样式编辑器选项卡中保存您的CSS，但它并不反映使用Inspector Tool 所做的更改。

无论如何在Inspector标签中编辑样式编辑器中的css？

Answer 1

Chrome中有一个很好的解决方案。 请参阅：How to save CSS changes of Styles panel of Chrome Developer Tools?

我在Firefox中不知道。请参阅：https://support.mozilla.org/en-US/questions/967467

Answer 2

在搜索更好的工作流程时，我发现您可以对Inspector进行更改，然后将这些更改反映到样式编辑器中，您可以在其中保存它。

这不是自动的，但只需点击一下即可轻松完成。

只需在检查器中进行更改，然后单击文件名：行号链接并保存更改。请参阅下面的视觉指南：

1. 检查并找到您的物体

2. 单击文件名：行号链接，只是为了查看您的属性是您在检查员上看到的原始属性。
   

3. 返回检查员。更改您的值，然后再次单击文件名：行号链接

4. 您将看到样式编辑器中的值已使用Inspector中更改的值进行更新。现在只需保存并继续下一个元素

现在您可以使用键盘快捷键CTRL + SHIFT + C快速切换回Inspector（注意：此快捷方式对我不起作用，因此您可能需要找到高级键盘快捷键管理器）。