现象:当你在visual studio中,一般修改文件后,web应用,对于js这类的是不用重新debug的。但
来回修改还是蛮烦。
overrides,可以在浏览器直接修改,保存 ,在浏览器debug,而且可以直接弹出调用栈。
可以不用频繁切换,直接在浏览器上开发(限js/html?)
overrides,即使修改filesytems,也是重写overrides的。
1.Filesystem
用于直接修改本地文件
chrome 会智能的将filesystem 与localhost 请求绑定(link to filesystem),
绑定后有一个绿色的标志,这样就不会cache 请求,(127.0.0.1)网络请求就会实时生效。
2. Overrides
用于覆盖网络请求: 在source/page右键save for override或直接edit,保存的文件都被存储到overrides 指定目录(按照域名建立文件夹). 这种改写是临时的
只能指定一个目录
断点debug 时,实时修改文件,然后保存后会恢复到第一个断点,不用重新刷新 其实是调用栈(firefox的f12是可以右击弹出栈的。chrome的不知道怎么删除调用栈)
charles/fiddler 用代理 map 请求
https://ahuigo.github.io/p/ria-js-debug-chrome
https://developer.chrome.com/docs/extensions/reference/fileSystem/
https://developer.chrome.com/blog/new-in-devtools-65/
scop是作用域。
breakpoints是断点,可以停用,启用。
call stack 调用栈。



