关于chrome内存的问题？

Question

在生产环境中（win7操作系统，chrome最新浏览器，vue项目），点击几个页面后，chrome进程内存就会增加到2个g，导致浏览器卡死
大概是什么原因导致的？

Answer 1

你的描述好像不够清晰

是所有使用vuejs创建的网站，还是某个特定的网站？

还有你有没有打开别的标签页？

浏览器卡死我也遇到过，如果网站中有这么一段代码

window.addEventListener('mousemove', (e) => { console.log(e) });

而你恰好又打开了控制台...

还有代码中存在死循环，数组越界不停报错的...

都有可能导致浏览器卡死

Answer 2

一个死循环或者大量瞬间输出就足以让浏览器卡死。

Answer 3

根据你的描述，这种占用情况通常可能是您不小心开启了硬件加速导致的。

什么是Chrome硬件加速

硬件加速是指，应用程序使用计算机硬件的能力，比软件实现的功能能够更有效地执行某些操作。

在 Chrome 浏览器中，硬件加速能够利用计算机的图形处理单元（GPU）来处理图形密集型任务，例如：播放视频、网页游戏或需要更快数学运算的任何内容。通过分离特定任务，您的 CPU 就有机会专注于处理其它事务，而 GPU 则专门负责处理图形密集型任务的进程。
该功能虽然看起来很不错，但硬件加速功能有可能会在一些计算机上导致 Chrome 运行滞后、Hang 住或崩溃，甚至可能导致笔记本电池耗电大大加快。由于每个人的计算机都会略有不同，问题可能在于 GPU 或与之相关的驱动程序。如果你遇到类似问题，怀疑「硬件加速」是罪魁祸首，最好的办法是禁用它，看看是否能解决问题。

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。