`
djjchobits
  • 浏览: 57894 次
  • 性别: Icon_minigender_1
  • 来自: 廊坊
社区版块
存档分类
最新评论

javascript 内存泄露工具使用

阅读更多

javascript内存泄露的问题一直以来都不受到大家的重视,原因是对用户的影响没有太实际的表现,或许近几年内存发展迅速。脚本内存再泄露也不会有太大影响。

当然作为前端开发的同学们,就不能有这样的侥幸心理。出现memory leaks很大程度上是因为程序的不成熟和编码不太规范造成的。不过,这里就不说如何出现问题的,对问题的出现有兴趣可以参考以下地址:

  • Understanding and Solving Internet Explorer Leak Patterns
  • IE's memory-leak fix greatly exaggerated
  • Memory Leakage in Internet Explorer – revisited

     

    这里主要说说,目前几个检查javascript内存泄露的工具使用方法:

    首 先我们用到的工具有三个 Drip/sIEve ,Javascript Leaks Detector, leak monitor。其中前两个是用于检查ie的,leak monitor 是用来检查firefox的情况的。这里重点说一下ie下的这两个工具,由于firefox的GC机制比ie强壮,只要ie的问题消除了,其他浏览器基本 上不会有什么问题。

     

    1.Drip/sIEve

    Drip和sIEve的作者应该是同一个人,连open souce上的项目都是在一起的。不过,平时我们主要使用sIEve就可以了,sIEve的功能比Drip强大一些

    image

    sIEve 界面很简单,左侧:内嵌了一个浏览器控件,我可以访问任何网址,下方还有个内存检查,这样我们可以方便看出内存的升降情况以及dom使用数量曲线。

    右侧面板,我们可以通过 Show in use 看到目前页面使用的dom的情况,Show Leaks 可以看到内存泄露的dom。当然每次显示泄露的情况必须是页面刷新后,看到上一个页面的泄露情况。

    同时通过右侧的数据颜色,我们可以看到内存的升降和具体的数量级

                 image

    •  

    不过sIEve的工作原理是对所有dom进行了一次hack,然后自己判断那些dom没有被释放掉,但是具体的情况比较难分析出来。而且跟踪有问题的dom需要一定技巧,对于大型的应用程序,跟踪难度大。

     

    不过用来检测小模块的内存使用情况还是一个不错的选择,特别是大项目模块细分后,对每个模块的单独测试还是比较不错的

    谢谢怿飞同学提示的下载地址, Drip/sIEve下载地址:
    http://home.orange.nl/jsrosman/

     

    2. Javascript Leaks Detector

    这是来自微软GPDE团队的一个小工具,下面简称JLD

    官网: http://blogs.msdn.com/gpde/pages/javascript-memory-leak-detector.aspx

    安装后,我们可以在ie浏览器的 查看->浏览器栏中找到

    image

     

    JLD强大之处在于能够模拟IE6和IE7的GC情况,和真实的回收情况。这样可以做一个比较。

    image  

    这里通常能只能反应IE6和IE7的理想情况,我们需要选择下面Actual Leaks来反映当前浏览器的真实情况。

     

    image

    浏览器刷新后,我们就可以看到上次页面的结果了,绿色代表没有发现内存泄露,红色代表发现了内存泄露,蓝色是当前加载完成的页面,当然还有黑色,是指正在加载的网页

    当我们展开一个有问题的页面时,

    image

    我们可以看到一个有问题分支Leaks.这里列出了有问题的节点,同时还能帮我们列出出现问题的脚本在什么地方。

     

    这点非常方便我们定位出泄露的问题所在。不过要使用脚本调试,我们必须要打开ie的脚本调试功能

    image

    在ie选项的高级中,我们去掉这两个勾即可

     

     

    3. Leak Monitor

     

    这 是firefox上唯一一个检查内存泄露的工具,不过这里舜子不太推荐使用。因为firefox的内存GC机制比IE强悍,不必作为重点考虑对象。只要 ie的问题能处理好,firefox上基本上也没有什么问题。而且有ie这两个强悍的软件帮忙基本上能解决大部分问题了。

     

    可惜这个工具的体验很糟糕,会让人很有一种抓狂的感觉。如果您还要继续尝试可以到这里下载: https://addons.mozilla.org/zh-CN/firefox/addon/2490

分享到:
评论
1 楼 avrilxu 2011-03-04  
在IE6下,很多已知的内存泄露问题,都检测不出来,楼主有没有同样的感觉??

相关推荐

    JavaScript避开内存泄露及内存管理技巧_.docx

    开发者可以使用DevTools中的Profile工具来检测内存泄露。 四、结论 内存泄露是一个常见的问题,它会导致JavaScript应用程序的性能下降和崩溃。开发者可以通过了解内存泄露的类型和解决方案来避免内存泄露。同时,...

    JavaScript 内存泄露的4种方式及如何避免 – 码农网1

    常见的JavaScript内存泄露类型有: 1. 意外的全局变量:未声明的变量默认成为全局变量,这可能导致意外的内存占用。例如,忘记在函数内部使用`var`关键字会导致变量被附加到全局对象window上,形成持久化的内存占用...

    测试JavaScript在IE中的内存泄露

    2. **内存泄漏类型**:常见的JavaScript内存泄露包括全局变量、闭包引用、DOM元素引用、事件监听器等。了解这些类型有助于识别潜在问题。 3. **工具使用**:利用如IE Developer Tools(F12工具)、Chrome DevTools...

    js内存泄露问题

    JavaScript内存泄露是一个重要的性能优化话题,尤其是在开发大型的、长时间运行的Web应用时。内存泄露会导致应用程序占用过多的系统资源,影响用户体验,甚至可能导致浏览器崩溃。本文将深入探讨JavaScript内存泄露...

    ajax js性能优化和内存泄露检测工具

    本文将深入探讨AJAX和JavaScript在性能优化方面的策略,以及如何使用内存泄露检测工具来确保高效且无泄漏的代码。 一、AJAX性能优化 1. **减少HTTP请求**:每个HTTP请求都会带来一定的开销,包括建立连接、发送...

    Iframe内存泄露分析

    Iframe 内存泄露分析是指在使用 Iframe 时,由于互相引用、闭包、跨页面泄漏、伪泄漏等原因,导致浏览器内存泄漏的问题。这种问题在 Ajax 盛行以前并不是什么大问题,因为都是通过页面跳转和刷新来进行与服务端的...

    内存泄露,闭包 内存泄露,闭包 内存泄露,闭包

    在JavaScript中,由于其自动垃圾回收(Garbage Collection, GC)机制,程序员通常不会直接管理内存,但不恰当的编程习惯可能导致内存泄露。例如,全局变量、循环引用和闭包都可能导致内存无法被正确回收。 闭包是...

    常见的JavaScript内存泄露原因及解决方案.docx

    ### 常见的JavaScript内存泄露原因及解决方案 #### 引言 在现代Web开发中,JavaScript已成为构建复杂用户界面的主要编程语言之一。随着应用程序变得越来越庞大与复杂,有效地管理和优化内存成为确保应用性能和用户...

    脚本IE内存泄露检测.rar

    标题中的“脚本IE内存泄露检测.rar”表明这是一个专门针对Internet Explorer浏览器的JavaScript内存泄漏检测工具。内存泄漏是编程中常见的问题,特别是在处理大量数据或长时间运行的网页应用时,可能导致浏览器性能...

    jquery 内存泄露bug

    sIEve是专门用于Internet Explorer的一个工具,它可以帮助开发者定位和修复JavaScript内存泄漏问题。通过运行这个工具,开发者可以获得内存快照,对比不同时间点的内存使用情况,从而找到可能的泄漏源。 总之,理解...

    本文主要介绍了JavaScript几种常见的内存泄露

    JavaScript是一种动态类型的编程语言,广泛应用于Web开发,其...定期进行性能分析,使用开发者工具检查内存使用情况,可以帮助定位和修复内存泄露问题。记住,良好的编程习惯和对内存管理的理解是防止内存泄露的关键。

    测试内存泄露测试软件

    未被销毁的组件通常是指JavaScript中的对象或者Web组件,如果它们在不再使用时没有被正确清理,就会成为内存泄露的来源。 sIEve-0.0.8.exe很可能是一款内存分析工具,可能专注于对Internet Explorer浏览器的内存...

    JS内存泄露demo

    了解这些常见的JS内存泄露实例后,开发者可以通过代码审查、使用内存分析工具(如Chrome DevTools的Memory面板)以及遵循最佳实践来预防内存泄露。记住,即使JS有自动垃圾回收,也应时刻注意内存管理,确保程序的...

    ExtJS 内存泄露补丁

    内存泄露通常发生在JavaScript环境中,因为其自动垃圾回收机制可能会由于某些编程错误或不恰当的代码实践而失效。在ExtJS中,这可能源于以下几个方面: 1. **事件监听器未正确解除**:当不再需要某个元素或组件时,...

    ext内存泄露的两个补兵

    然而,由于JavaScript的垃圾回收机制和EXT框架自身的特性,可能会出现内存泄露的情况。本文将深入探讨EXT内存泄露的问题,并提供两个补救措施。 一、EXT内存泄露的原因 1. 事件监听器:EXT中广泛使用事件监听来...

    Raphaeljs的一个bug(内存泄露)

    4. **使用Chrome DevTools**:通过Chrome的内存剖析工具,可以检测JavaScript代码运行时的内存使用情况,找出内存泄露的来源。 在实际项目中,我们需要定期检查和优化内存使用,特别是在处理大量数据或动态图形时。...

    IE内存泄露之JQuery html(),append()

    同时,`test.html`可以用来构建测试用例,模拟`html()`和`append()`的使用,通过浏览器的开发者工具监控内存使用情况,观察是否存在内存泄露现象。 总的来说,理解和避免JavaScript(特别是JQuery)在IE上的内存...

    JavaScript避免内存泄露及内存管理技巧

    本文将重点讲解JavaScript避免内存泄露及内存管理的一些技巧。 首先,我们需要了解浏览器的自动垃圾收集机制。在JavaScript中,垃圾收集器会定期清理那些不再被引用的对象所占据的内存空间。然而,即便如此,开发者...

    藏经阁-穆客带你快速定位 Node.js 内存泄露.pdf

    要定位内存泄露,开发者可以借助应用性能管理(APM)工具,如Alinode,它能够提供实时的内存使用情况、GC信息以及堆空间占用情况,帮助识别内存增长的热点。 排查内存泄露的过程通常包括: 1. **监控内存使用**:...

Global site tag (gtag.js) - Google Analytics