贴几个图说明如果用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
分享到:
相关推荐
- 通过内存剖析,可以发现内存泄漏和其他性能问题。 6. **存储(Storage)面板**: - 存储面板展示了网页使用的本地存储、Session Storage、Cookie等数据。 - 开发者可以查看和修改这些数据,这对于调试和测试...
CPU Profile 可以帮助我们了解代码的执行情况,Heap Snapshot 则可以用来检查内存使用情况,特别是查找内存泄漏的问题。 2. **Vue 组件优化**: - **组件重用与内存管理**:避免在同一个页面中过度使用嵌套组件,...
开发者可以通过CPU分析器记录执行JavaScript代码时的CPU使用情况,通过内存分析器查看内存泄漏的问题。这对于提高页面运行效率和性能至关重要。 7、Audits(审查):Audits面板提供了页面优化和性能审查工具。通过...
- **Memory Profiling**:记录内存分配情况,有助于发现内存泄漏等问题。 #### 八、存储(Storage)面板 **Storage** 面板展示了页面使用的本地存储信息。 - **Cookies**:可以查看和管理页面使用的 Cookies。 - *...
Chrome开发者工具是Google Chrome浏览器内置的一套用于网页和前端开发的调试工具,它允许开发者查看和修改页面的HTML、CSS和JavaScript代码,同时跟踪网络请求、性能分析和内存泄漏等信息。该工具的广泛使用,很大...
- **Heap Snapshots**:Heap Snapshots用于分析内存泄漏或大对象的问题,通过可视化的方式展示内存中对象的引用关系。 - **Storage Panel**:Storage Panel展示了当前页面的存储信息,如Cookies、LocalStorage、...
剖析面板提供了CPU和内存剖析工具,可以测量JavaScript函数的运行时间和内存使用情况,帮助你找到内存泄漏或性能低效的代码。 #### 存储(Storage)面板 存储面板展示了网页使用的所有本地存储,如Cookie、...
**Profiles**标签页则用于CPU和内存的性能分析,可以帮助开发者找到内存泄漏和性能消耗大的函数。 **Sources**(在某些版本中)提供了更全面的源代码管理,包括代码暂停、步进、查看变量值等功能,便于调试...
浏览器缓存是互联网浏览的重要组成部分,它存储了访问过的网页的部分数据,如图片、JavaScript文件和CSS样式表,以便在再次访问同一网站时能够更快地加载页面,提高用户体验。然而,随着时间的推移,缓存可能会积累...