Chrome浏览器 本地js代码替换(Overrides)以及多场景出现 浏览器响应慢、卡顿等情况——问题解决

前言:作为一名前端开发者,chorme 的本地代码替换功能可以说非常收益的。例如:某一前端的线上版本出现问题了,如果不想跑本地代码调试,只是想先通过Chrome线上改代码的方式来定位问题并尝试修复可以说是非常方便。但是,当这个代码替换后,我们一般都需要刷新浏览器来使用本地代码。可是,如果这个替换后刷新浏览器一直处于js加载中(即浏览器页面加载完全时间非常长),就是一个非常恶劣的副作用了。

目前我就遇到了这个问题:当我对代码进行替换,并尝试刷新浏览器时,浏览器页面很长时间都处于加载中的状态中(页面项目比较大,js很多)。

于是今天抽空对这个问题进行排查,首先,就排除了网络问题,因为如果不进行代码替换,网络加载就是正常的,一替换代码就会变得非常卡顿。只有可能是浏览器问题,然后就考虑是否为浏览器缓存过多等原因,但当我清除浏览器缓存后,问题还是没有解决。于是我就想着是否可以增加浏览器的内存呢?于是开始了Google搜索。

问题解决:我知道很多人看文章,只会看解决的方法,所以,直接看拖到最后即可!!!!

很快,Google的一篇帮助文章就出现在我眼前,Chrome 省内存模式?我的问题是否与这个模式的开启有关呢

果然,一看发现是开启了省内存模式。再对这个模式进行关闭后,浏览器就不再卡顿了。

结论:如非必要,关闭Chrome的省内存模式,可能Chrome的省内存策略对部分场景适配有问题。我们关就完事了,咱的电脑又不是没这实力(内存足够,说话就是要硬气)!!!

### WebStorm 卡死解决方案 #### 排除 `node_modules` 文件夹以减少索引负担 当处理 Node.js 项目时,`node_modules` 文件夹通常包含大量文件。这些文件的存在可能导致 WebStorm 在尝试创建索引时变得异常缓或完全卡住。为了防止这种情况发生,建议将此文件夹标记为不参与索引的对象。 具体操作步骤如下: 1. 找到项目中的 `node_modules` 文件夹; 2. 右键单击该文件夹,在弹出的菜单中选择 **Mark Directory as**; 3. 继续选择 **Exclude**; 通过上述设置,`node_modules` 将不再被纳入任何索引活动之中[^3]。 #### 清理缓存并重启 IDE 有时,IDE 的内部状态可能出现混乱,进而影响性能表现。对于此类情况,清理缓存是一个有效的应对措施。执行这一过程的方法取决于所使用的操作系统环境,但一般而言,可以通过以下方式完成: - 访问 WebStorm 设置界面内的 "Invalidate Caches / Restart..." 选项; - 点击确认按钮后,勾选所有可用的选择项来彻底清除缓存数据; - 完成以上配置更改后,点击 “Clear and Restart”,等待应用程序重新启动即可恢复正常工作流程[^4]。 #### 关闭不必要的后台进程和服务 除了调整 IDE 自身的行为外,还应关注计算机上其他可能消耗资源的应用程序。特别是像 Git 这样的版本控制系统服务,它们可能会因为频繁访问大型仓库而拖累整个系统的响应速度。因此,确保只保留必要的服务处于激活状态是非常重要的。例如,如果怀疑是由于 Git 导致的问题,则可以在任务管理器中查找名为“git for Windows”的进程,并终止其运行以释放更计算能力给 WebStorm 使用[^2]。 ```bash # 查看当前系统中所有 git 相关进程 (Linux/MacOS) ps aux | grep git # 杀死指定 PID 对应的 git 进程 (替换实际PID号) kill -9 <PID> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值