如何在Google Chrome的开发工具中保存到我网站的来源？

Question

我在Mac上使用谷歌浏览器。

我刚开始使用Google Chrome的开发工具编辑我的网站，这是一种简单快捷的体验，但没有说它可以保存我的修订版。

有人可以向我提供一般性的知识，因为我无法在其他任何地方找到答案。

Answer 1

嗯，你不能。如果你能让每个人都改变你的网站。 这是一个基于客户端的实时DOM操作，只有你可以看到它！

您必须像平常一样调整文件。

Answer 2

没有办法直接从开发人员工具中执行此操作，因为这会导致任何人更改您的源文件，如Pinki所说

话虽如此，如果您转到Source标签，然后更改这些文件，则可以将更改的文件保存到您的目录中。有关如何执行此操作的更详细说明，请check out this article或this gif tutorial

另一种通用做法是随时更改源代码，这意味着如果您在自己喜欢的开发工具中进行更改，请立即将其添加到源代码中。我经常使用彼此相邻的窗格

Answer 3

编辑文件时，只需单击鼠标右键并使用“另存为”

您还可以使用工作区将远程资产映射到本地资产，这在您使用本地HTTP服务器时特别有用。如果您知道如何使用它，Chrome Dev工具可以成为一个强大的工具。我建议你仔细阅读以下链接：

• https://developers.google.com/chrome-developer-tools/

• http://discover-devtools.codeschool.com/

• http://remysharp.com/2012/12/21/my-workflow-never-having-to-leave-devtools/