写了一个 js css 在线联调工具 RollRes

date
Aug 13, 2019
slug
rollres-change-the-response-of-the-request
status
Published
tags
作品
summary
type
Post
 
最近在做一个 NHK 奥运会的项目,目前进入的开发的第二阶段,数据也越来越多。
我们知道,开发的测试环境和生产环境的数据可能会有很大的不同,测试环境无法 100% 模拟生产环境,有些时候我们需要处理一些前端的展示问题,但是测试环境无法模拟的情况下怎么办呢?不可能改一点就部署到生产环境去测吧,这属于撞大运编程,而且部署的时间成本也很高。
既然 debug 的成本都很高,有没有一种方法可以快速,低成本,高效的解决这个问题呢?
想必大家早已猜到,那就是将生产环境的资源文件(js,css)替换为本地开发的版本即可。
实现此类功能的扩展很多,例如 chrome 上就有 ReRes
notion image
好用,就是界面有点看着难受,作者也很久没有维护了,我用了一段时间,实在受不了这个审美,也找不到其他类似的扩展,于是研究了它的核心代码,实现了一个 RollRes ,仅仅 18.92KiB 大小,远远小于同类扩展。
notion image
notion image
notion image
大家可以在 chrome 应用商店 找到该扩展,如果觉得这个扩展对你有用,请点赞,评论哦。

© wtser 2021 - 2024