jquery - 将 Bootstrap 与 jQuery 一起使用会导致大量内存使用

标签 jquery html debugging memory twitter-bootstrap-3

我正在使用简单的 Bootstrap 3 和 jQuery 2 开发一个网站

我注意到在 Chrome 中,在触发了几个 javascript 事件(例如 mouseenter、mouseleave 等)后,我的页面占用了超过 400 MB 的内存...

最初页面也占用了 200 MB,这也不是很可接受。

这是在 Windows、Linux、Mac 和 Android 上的 Chrome & Firefox & Safari 上测试的...

谁能告诉我答案:

  • 我可以使用什么来调试和查看有关内存使用情况的详细信息(显然 Chrome 没有显示详细信息的选项)...
  • 什么会导致如此巨大的内存消耗。

编辑:

简而言之:我正在寻找某种方式来分析我的页面,看看什么占用了大量内存...... 谢谢

最佳答案

根据人们的不同经历,这个问题可以有很多不同的答案。我建议您在此处查看 Chrome 团队自己编写的教程: https://developer.chrome.com/devtools/docs/network

在某种程度上,我想说的是学习并找到你自己的答案。

关于jquery - 将 Bootstrap 与 jQuery 一起使用会导致大量内存使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29098209/

相关文章:

javascript - 使用 Kendo 获取和设置属性,可在更改事件上排序

jquery - Bootstrap 底部可滚动导航栏

javascript - 如何使用 jQuery 检测元素顶部是否靠近浏览器底部?

html - 如何垂直对齐此导航栏?

python - 让 logging.debug() 在 Google App Engine/Python 上工作

javascript - 选择元素点击上的JQuery点击事件在chrome中不起作用(在windows环境中不会出现问题)

javascript - 将 HTML 从 Controller 传递到 Javascript 的正确方法是什么?

javascript - 图像不尊重 IE8 中的宽度属性

c++ - 在 VC++2010 环境之外运行时程序立即崩溃

python - 如何从异常中将 "jump"放入堆栈帧?