在Inspect Element Editor中更改JS代码

时间:2015-07-07 19:32:36

标签: javascript jquery html dom

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

假设点击按钮我说,警告"约翰是个好男孩"当我把它改成&#34时;约翰是一个坏孩子"使用Inspect元素(JS代码)然后更改不会反映在按钮单击和旧文本"约翰是一个好男孩"得到了显示。

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

2 个答案:

答案 0 :(得分:1)

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

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

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

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

答案 1 :(得分:1)

通过浏览器更改页面的JavaScript被视为恶意做法。想象一下,有人从您登录方法中删除了所有逻辑,然后将其return true;

恶意用户可以通过对系统进行有针对性的更改来利用您的系统。因此,浏览器会阻止您进行实时更改。

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