有没有办法让 Web 开发工具（如 chrome 调试器）保存对源代码的更改？

Question

Web 开发工具向您显示网页中的代码和源文件。它们还允许您在源文件中键入代码。有没有办法将这些更改保存到文件中？

例如，假设我有 mypage.html 和 myjavacript.js 或 myjavascript.ts，并且我正在打开 Web 开发工具的浏览器中查看它。然后我将 console.log("hello world") 添加到 myjavascript.js 中。仅供参考，源代码字段是可编辑的。然后我单击一个按钮来保存这些更改。然后 myjavascript.js 在文件系统上更新。我返回到 vscode，javascript 已更新。

这可能吗？

目前，如果我在 Web 开发工具中更改源文件的内容并使用 CTRL + S 保存，则会出现一个图标，并且工具提示显示“对此文件的更改未保存到文件系统”。

另一个问题询问如何处理错误。我的问题是如何保存到文件系统。虽然有些答案重叠，但并不相同。

可能的答案（所以不允许我添加答案，因为这个网站上有人关闭了这个问题）：

看来答案是在此处添加源文件夹：

重新打开此问题，以便我可以添加答案“如何从 Web 开发工具保存更改”

更新：

有时不起作用。然后有一次我注意到屏幕顶部出现一条消息：“允许开发工具保存到文件系统？警告，这可能会泄露敏感信息。”有是或否选项。等一下？这是关于什么的？为什么？我只想允许网络开发工具将文件保存到硬盘上。为什么这个选择会有风险？或者为什么你会允许这个选择有风险？ 从那时起我就尝试启用此功能。

Answer 1

使用工作区功能。阅读完整的说明和限制列表（例如构建工具链转换和源映射、通过源面板与元素面板编辑 HTML）。打开 devtools，转到“源”>“工作区”，添加文件夹映射，然后当提示允许 devtools 访问该目录时，请确保从该目录中删除所有敏感信息（例如机密文件），否则就可以存在允许开发工具访问它的风险，然后允许它。

为什么这个选择会有风险？

运行任何任意应用程序都是“有风险的”，具体取决于运行时嵌套中的应用程序与系统其余部分/封闭运行时的沙盒程度。