Javascript 在Inspect元素编辑器中更改JS代码

Javascript 在Inspect元素编辑器中更改JS代码,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,当我使用Chrome的Inspect元素编辑器对html内容进行一些更改时,这些更改会立即反映出来。但是,当我在Javascript代码中进行更改时,这些更改不会反映出来 假设我点击一个按钮,提醒“John是个好孩子”,当我使用Inspect元素(JS代码)将其更改为“John是个坏孩子”时,这些更改不会反映在按钮点击上,并且会显示旧文本“John是个好孩子” 因此,当一个页面被加载时,编辑JS代码并查看更改是不可能的?为什么会这样?根据我的经验,我对Javascript文件所做的编辑会立即反映

当我使用Chrome的Inspect元素编辑器对html内容进行一些更改时,这些更改会立即反映出来。但是,当我在Javascript代码中进行更改时,这些更改不会反映出来

假设我点击一个按钮,提醒“John是个好孩子”,当我使用Inspect元素(JS代码)将其更改为“John是个坏孩子”时,这些更改不会反映在按钮点击上,并且会显示旧文本“John是个好孩子”


因此,当一个页面被加载时,编辑JS代码并查看更改是不可能的?为什么会这样?

根据我的经验,我对Javascript文件所做的编辑会立即反映出来。但是,您可以尝试以下简单的修复方法:

  • 在要编辑的行上插入断点
  • 重新加载页面(断点将持续存在)
  • 点击断点时编辑该行
  • 单击调试器上的“继续”
如果需要有关断点和调试器的更多信息,请查看


如果您想了解有关使用inspector工具的更多信息,请尝试通过

搜索,通过浏览器更改页面的JavaScript被视为恶意行为。设想有人从您的登录方法中删除所有逻辑,然后让它
返回true

恶意用户可以通过对系统进行有针对性的更改来攻击您的系统。因此,浏览器阻止您进行这些更改


如果你真的想,我想你可以下载所有的源文件,进行更改,然后让浏览器加载项目。项目应该保留您的更改。尽管如此,网站管理员可能有适当的机制来防止任何来自跨源(XSS)服务器的传入请求。意识到编辑的请求不是来自正确的来源,服务器应拒绝并可能尝试记录/跟踪恶意尝试。

由于未重新编译代码,因此未反映代码。为此,您可以将代码复制/粘贴到控制台中,或者仍然在控制台中,
eval()
修改的脚本标记的内容。浏览器的javascript引擎在加载脚本时立即运行脚本。当您在inspector和save中更改它时,它只保存到您的临时文件,当您刷新时,javascript将从域而不是临时文件夹运行该文件,因此它将始终运行托管的js文件,而不是本地保存的文件。另一方面,HTML元素是静态元素,可以动态更改。CSS也可以动态应用。感谢blex和Liquidchrome。那有帮助!