`
yutiansky
  • 浏览: 198102 次
  • 性别: Icon_minigender_1
  • 来自: 本溪
社区版块
存档分类
最新评论

用Chrome-Profiles检查Javascript内存泄露问题

阅读更多

贴几个图说明如果用Chrome-Porfiles检查JavaScript的内存泄漏问题。

 

一,先写个JavaScript的例子。

var myArray = new Array();
var count = 0;
function leakMemory() {
    var arr = new Array();
    arr[0] = new Array(10000).join("Y");
    
    // leak memory here
    myArray[count] = new Array(10000).join("X");
    count++;
}
function freeMemory() {
    // free memory here
    myArray = null;
    myArray = new Array();
    count = 0;
}
 

 

二,下图就是Chrome-Profiles的画面。


 

 

三,先取得1个【SNAPSHOTS】


 

 

四,运行分配内存的模块后,再取得【SNAPSHOTS】,与前次取得的【SNAPSHOTS】进行比较。


 

能看到有内存增加。

 

 

//END

 

  • 大小: 37 KB
  • 大小: 54.4 KB
  • 大小: 51.3 KB
分享到:
评论

相关推荐

    Google Chrome WEB开发 开发人员工具使用

    - 通过内存剖析,可以发现内存泄漏和其他性能问题。 6. **存储(Storage)面板**: - 存储面板展示了网页使用的本地存储、Session Storage、Cookie等数据。 - 开发者可以查看和修改这些数据,这对于调试和测试...

    性能优化分享

    CPU Profile 可以帮助我们了解代码的执行情况,Heap Snapshot 则可以用来检查内存使用情况,特别是查找内存泄漏的问题。 2. **Vue 组件优化**: - **组件重用与内存管理**:避免在同一个页面中过度使用嵌套组件,...

    chrome调试大全

    开发者可以通过CPU分析器记录执行JavaScript代码时的CPU使用情况,通过内存分析器查看内存泄漏的问题。这对于提高页面运行效率和性能至关重要。 7、Audits(审查):Audits面板提供了页面优化和性能审查工具。通过...

    Google Chrome 浏览器开发人员工具 教程

    - **Memory Profiling**:记录内存分配情况,有助于发现内存泄漏等问题。 #### 八、存储(Storage)面板 **Storage** 面板展示了页面使用的本地存储信息。 - **Cookies**:可以查看和管理页面使用的 Cookies。 - *...

    chrome开发工具指南

    Chrome开发者工具是Google Chrome浏览器内置的一套用于网页和前端开发的调试工具,它允许开发者查看和修改页面的HTML、CSS和JavaScript代码,同时跟踪网络请求、性能分析和内存泄漏等信息。该工具的广泛使用,很大...

    Chrome开发人员

    - **Heap Snapshots**:Heap Snapshots用于分析内存泄漏或大对象的问题,通过可视化的方式展示内存中对象的引用关系。 - **Storage Panel**:Storage Panel展示了当前页面的存储信息,如Cookies、LocalStorage、...

    Google_Chrome开发人员工具详解

    剖析面板提供了CPU和内存剖析工具,可以测量JavaScript函数的运行时间和内存使用情况,帮助你找到内存泄漏或性能低效的代码。 #### 存储(Storage)面板 存储面板展示了网页使用的所有本地存储,如Cookie、...

    Google 程序浏览器调试

    **Profiles**标签页则用于CPU和内存的性能分析,可以帮助开发者找到内存泄漏和性能消耗大的函数。 **Sources**(在某些版本中)提供了更全面的源代码管理,包括代码暂停、步进、查看变量值等功能,便于调试...

    清理缓存 (2).rar

    浏览器缓存是互联网浏览的重要组成部分,它存储了访问过的网页的部分数据,如图片、JavaScript文件和CSS样式表,以便在再次访问同一网站时能够更快地加载页面,提高用户体验。然而,随着时间的推移,缓存可能会积累...

Global site tag (gtag.js) - Google Analytics