chrome浏览器,本地快速调试线上SPA项目(本地替换下载的线上js文件)

82 阅读1分钟

问题描述

上线SPA项目后,发现线上会偶尔出现bug,而本地或联调环境下却从来没有出现过,定位到时打包项目时没有打包node_modules下的文件,线上用的npm包和本地、联调环境用的npm包版本不一样,线上npm包版本太老有bug。在找bug的过程中,需要从线上环境来找,问题是我们在找bug或验证解决问题的思路时没法直接修改线上代码,而验证这次修改。

解题思路

项目是一个SPA项目,服务器是一个静态服务,前端代码实际上完全运行在浏览器中,浏览器会把所需代码全部下载下来,那我们可不可以修改这些下载来的运行在浏览器中的代码呢?

解题过程

参考chrome浏览器F12调式,修改替换js文件,过程如下:

  1. 创建override文件夹。 image.png

image.png 2. 找到想要修改的文件进行修改,修改后ctrl+s保存,刷新页面即可。
image.png

其他

node调试可参考:www.cnblogs.com/Wayou/p/nod…blog.csdn.net/weixin_4482…