谷歌浏览器高级功能

请参考文章：Chrome Devtools 高级调试指南（新）
下面做一些补充

• request请求重复

选中某个api请求，右击选择Replay XHR，这样就不需要刷新页面可以访问后端接口

• Local Overrides
  本地文件覆盖功能，刷新页面以后修改部分仍然生效
  参考文章chrome 开发者工具 - local overrides
  1.搭建local overrider的根目录， C:/Dev/Web/chromelocal，
  2.在根目录中新建文件夹，以 chromeserver.com 命名，进入该文件目录，新建一个 index.html
  3.打开chrome 开发者工具， sources --> Overrides --> 勾选 Enable Local Overriders --> 点击 Select folder for overrides ,选择文件 C:/Dev/Web/chromelocal
  注意 在Elements界面修改css样式只有是css文件中的样式才会保存到本地目录中，webpack打包的局部样式是直接在页面中的所以在Elements界面勾选修改不会生效，如果修改html页面只有在Sources界面修改的源码才会保存到本地目录中
  可以模拟返回接口请求数据，如果接口路径中携带参数利用%3f来替换问号当做文件名，例如https://xxx.com/api/v1/info?mode=0，则创建的文件应该是在xxx.com/api/v1/目录下的info%3fmode=0文件, 如果是本地域名带端口号的话目用**%3a来替换冒号**，例如 localhost%3a8080