预发布环境中本地前端文件的调试方法

一般在开发环境中对项目进行功能测试后,公司要求必须在预发布环境上连接真实的线上环境的数据,进行回归测试。对于前端开发人员来说,也可能在预发布环境测试中遇到本地未曾遇到的问题。这时前端人员必须具备在预发布环境中,快速定位问题的能力。而预发布环境中压缩的文件无疑造成了极大的困难,必须将资源文件对应到本地未压缩的原始文件进行调试和问题排查。 一、PC端的预发布环境调试方法 有赞的预发布环境中全站的js和css静态资源都和正式环境一样,是部署在CDN上打包并压缩后的。而连接预发布环境调试时,修改任何文件需要重新将其上传到CDN来查看效果。为了减少这一步骤,我们在项目中设置了一个开关,选择是使用CDN上的资源文件,或者本地HOST域名下的文件。通过在预发机器上开启这一开关,就可以方便的加载到本地的资源文件。 上述方法因为需要修改开关文件,调试完还需要将文件复原,存在一定不便。除了这一方法以外,我们自己写了个Chrome插件, »