javascript - 在 Inspect Element Editor 中更改 JS 代码

Question

当我使用 Chrome 的检查元素编辑器对 html 内容进行一些更改时，更改会立即反射(reflect)出来。但是，当我更改 Javascript 代码时，更改不会反射(reflect)出来。

假设我点击一个按钮，提醒“John is a Good boy”，当我使用 Inspect 元素(JS 代码)将其更改为“John is a bad boy”时，这些更改不会反射(reflect)在按钮点击上，并且显示旧文本“John is a Good boy”。

因此，当页面加载时，无法编辑 JS 代码并查看更改？为什么会这样？

Answer 1

根据我的经验，我对 Javascript 文件所做的编辑会立即得到反射(reflect)。但是，您可以尝试以下简单的修复方法:

• 在要编辑的行上插入断点
• 重新加载页面(断点将持续存在)
• 在遇到断点时编辑该行
• 在调试器上点击继续

如果您需要有关断点和调试器的更多信息，请查看 this link

如果您想了解有关使用检查器工具的更多信息，请尝试搜索 this tutorial