chrome浏览器在调试前端页面的时候，能不能直接在前端页面修改js的值呢，每次都要手动改后台太麻烦？

Question

chrome或者ie在调试过程中能否修改页面元素的值呢？

Answer 1

Answer 2

可以 比如你挂在window上的值 就可以直接赋值啊 你只要能找的到他在哪挂着

Answer 3

在Sources可以修改代码，打断点调试时很方便，但是刷新页面以后修改就丢失了。

Answer 4

直接发文档吧，大概看看，不记得是不是可以保持到刷新之后了，一般都是VSC内置的WebPreview

将预处理的代码映射到源代码

Answer 5

chrome DevTools 提供了一个文件系统用来 编辑具有工作区的文件。
根据文档里的描述，这个功能是可以使用本地文件替换掉远程文件的，感觉对于破解 JS 反调试会很有效，不过还没研究过，需要自己探索。

Answer 6

可以的在sources里面

但是vue项目的的开发环境不可以(改了没效果)