保存Chrome开发者控制台html更改

Question

Chrome＆＃34; Inspect元素＆＃34; HTML编辑器非常易于使用，有很多很酷的功能，我喜欢可折叠元素，突出显示和实时更新，所以我可以确切地看到发生了什么。通常在我写作时，我会创建一个空文件并在Chrome中打开它，这样我就可以从那里开始了。不幸的是，每当我想保存时，我都必须将所有内容复制到文档中，如果我不小心点击链接，我会丢失所有内容。是否有一个扩展或我可以用来保存文件的东西（也许甚至谷歌驱动器？）我最近偶然连续几次失去了一堆工作，所以我需要改变一些东西。我已尝试使用方括号，atom.io，shiftedit和codepen，但它们都没有Chrome控制台的便利性和功能。

由于

Answer 1

在Chrome DevTools中查看Snippets。代码段存储在浏览器中，您可以在任何页面/站点上运行它们。我发现它们非常有用。

Answer 2

您可以使用Workspaces功能处理DevTools中的文件，以便更改将自动保留在您的计算机上。适用于所有源文件类型。

Answer 3

您会在“元素”面板中看到DOM。该页面可能包含用于更改DOM树的JS。 因此，您在“元素”面板中看到的不是源HTML。因此，您不能只在元素面板中进行更改并将更改保存到HTML文件中。