在firefox或chrome中使用开发人员工具时，在对开发人员工具样式表进行更改后，是否可以在修复实际样式表时保存这些更改以供以后参考？
答案 0 :(得分：3)
简单地复制/粘贴它们将是最简单的事情。
如果您正在询问的话，则无法直接从开发人员控制台/检查程序实际保存对样式表的更改。
答案 1 :(得分：1)
是的，你至少可以在Chrome中使用。只需单击Dev Tools样式面板右上角的加号即可进行更改。然后从下拉菜单中选择“检查员 - 样式表”＆＃39;并输入您的更改。
现在，如果单击所制样式右侧的链接，将转到源面板中的检查器样式表。你会看到你所有的风格。现在，只需右键单击该窗格中的某个位置，然后选择＆＃39;另存为＆＃39;。完成工作。
答案 2 :(得分：0)
在Firefox中（他们将其版本称为工具Web Developer），
保存 HTML ：
右键单击您已更改（或要保存）的最外层元素，然后选择
Copy -> Outer HTML。然后粘贴到文件中。
以保存在层叠样式顶部的 Inspector element 条目中添加的inline标签上所做的CSS更改列表：
我最好的建议是复制HTML（参见上文），粘贴到新文件中，然后搜索style'"。
这将突出显示/查找所有inline样式。有些可能已经在文档中了。其他人将是您添加的人。您只需要识别出哪个。然后，您需要将它们作为内联样式添加到您的HTML，php，js代码中，或者查看周围的类和标签以拼凑如何将它们也添加到样式表中，而不会破坏其他任何内容。
如果您确实想保存样式以放入样式表中，则可能不建议尝试或尝试编辑CSS。
相反，您应该编辑element inline下面显示的任何级联规则，或直接从Style Editor选项卡编辑样式表的本地副本。
如果您在CSS级联列表中（针对选定元素）编辑了样式或禁用了样式，或者在Styles Editor标签中修改了CSS，则保存样式相当容易 。
切换到Style Editor标签。顶部是用于“构建”当前网页的所有样式表的列表。
斜体中显示的所有文件名都包含您修改，添加，禁用的样式。在文件名右侧，单击Save，您可以保存整个修改后的样式表。
您禁用的所有样式（无论它们是否存在于orig文件中）都将被注释掉，并且可以在其前面加上!。
不幸的是，如果您只想要一个编辑列表，则需要做更多的工作，因为您不能简单地保存修改后的样式的 only 列表。您保存的文件中没有任何迹象表明您添加或修改了哪些样式。解决方法是，您可以下载一个“文件差异”程序，以比较两个文件，突出显示它们之间的差异。
知道它们还可以直接编辑样式表的这些本地副本，而不用使用Inspector选项卡，并且这些更改将显示在HTML页面上，就像您通过“检查器”选项卡编辑了样式一样。 。这很容易知道是否要为未以该元素显示的层叠样式显示的元素添加CSS选择器组合。
请注意，在“检查器”选项卡上，为选定元素显示的每种层叠样式的右侧，选择器右侧的文本是其显示在其中的文件的名称。如果单击该名称，它将切换您到“样式编辑器”选项卡，然后向您显示该文件的内容。同样，您可以直接编辑该文件的（本地副本）。同样，这使得保存此文件的副本变得容易，而无需滚动浏览文件列表来查找它。
注意：作为一点技巧，如果您不想使用文件差异程序，没有太多样式，并且只需要列出更改的样式，您可以 < / em>使用以下过程。
对于您在级联列表中修改的每种样式，请取消选中该标记（将其禁用）。现在在css文件中，它将被注释掉，并以!开头，例如：
/*! color:#FFDCFD; */。
现在，您可以在保存的文件中搜索/*!，以快速找到自己编辑过的样式（并删除其他所有内容）。繁琐的部分是记住要单击的每个元素，以便访问您更改，发现和禁用的每种样式。但是，这是一个选择，而且很容易解决。