Chrome devtools:将元素选项卡中所做的更改保存到工作区

时间:2018-03-21 12:28:05

标签: html css google-chrome google-chrome-devtools

我在Mac上使用Chrome 65。我在Chrome的“源”>下设置了一个工作区。文件系统'标签。我可以编辑文件,Chrome会将这些更改保存到我磁盘上的实际文件中。但我想使用' Elements'的实时编辑功能。标签改变HTML& CSS并让Chrome保存这些更改。

我找到了很多答案,但目前的Chrome版本都没有。

1 个答案:

答案 0 :(得分:0)

您可能无法通过CSS更改(在“源”选项卡中)将文件保存在本地,但是可以使用Chrome 65及更高版本(可能也是旧版本)复制和粘贴元素。复制该元素还会复制其所有子代及其子代。因此,如果您复制<html>元素,则将获得整个页面-<html></html>之间的所有内容。

右键单击该元素,然后转到“复制”>“复制元素”。然后将剪贴板内容粘贴到您喜欢的编辑器或IDE中并保存。不如从“源”选项卡进行保存那样方便,但是它确实允许您获取/保存在“元素”选项卡中所做的所有更改。