使用 chrome 开发人员工具在 html 页面中编辑嵌入式 Javascript答案

【问题标题】：Editing Embedded Javascript in html page using chrome developer tools使用 chrome 开发人员工具在 html 页面中编辑嵌入式 Javascript
【发布时间】：2013-12-16 08:44:28
【问题描述】：

再次提问Using Google Chrome to debug and edit javascript embedded in HTML page

如果 html 页面中嵌入了 Javascript，我可以编辑它吗？在这个问题中，他接受了一个答案。在这个答案的第二条评论中，antyrat “嗯，你是对的，但你可以在 Elements 选项卡上编辑它。”但是当我在脚本标签更改中编辑 javascript 时不会影响代码流。请指导是否可以在 chrome 开发工具中更改 html 页面中的嵌入式 js？？

【问题讨论】：

任何javascript代码都会在页面打开/加载时由浏览器构建，并且只有一次。您可以编辑，但我认为您的新代码不会执行。
不，如果你在纯 js 文件中使用断点而不是在 html 页面中编辑，它会被执行。

标签： javascript html google-chrome google-chrome-devtools

【解决方案1】：

您可以使用 chrome 开发人员工具对页面中的 javascript 进行更改，但这些更改不会被保存。您需要在相应的 .js 文件中手动更改它以使更改生效。仅当您想临时预览更改时，您可以尝试使用 chrome 开发人员工具

【讨论】：