chrome devtools 技巧

1. Chrome 117 可以直接修改接口返回的数据了

在前后端联调的时候，往往后端的数据会出现问题，这时候通知后端改接口，改数据，他们修改发布需要个过程，而前端很想把当前的功能调通，这个时候可直接在devtools修改接口返回的数据，简直不要太香。具体怎么操作可移步 Chrome 117 重大更新：Network 面板就能发起 Mock 请求 ！！！

2. 接口返回svg二进制流，在img中不显示

接口返回200表明接口没问题，但是为什么svg不能显示，而返回的png能显示，查阅资料img标签引用网络资源svg文件不显示的问题如何解决？的确返回的Content-Type不是image/svg+xml,怎么验证是不是返回的类型的问题呢？找后端改接口再去验证很麻烦，居然可以直接在chrome devtool修改

修改内容，选择一个存放修改内容的地方，

成功的显示svg了，即使刷新页面修改也会生效。