如何使用sIEve進行IE瀏覽器內存調試
sIEve是一個幫助前端WEB開發人員查看IE瀏覽器內存使用和內存泄漏問題的工具。本文將介紹sIEve的使用方法。打開軟件并開始測試1. 打開sIEve軟件,底部顯示內存變化的曲線圖,右上角有各種功能
sIEve是一個幫助前端WEB開發人員查看IE瀏覽器內存使用和內存泄漏問題的工具。本文將介紹sIEve的使用方法。
打開軟件并開始測試
1. 打開sIEve軟件,底部顯示內存變化的曲線圖,右上角有各種功能按鈕。
2. 在Address欄中輸入URL地址,例如百度,然后點擊GO按鈕進行測試。
3. 左下部分顯示當前頁面占用的內存數。
查看DOM占用情況
4. 選擇“DOM Usage”按鈕,可以查看頁面所占用的DOM數量。
5. 右側列表顯示以下信息:
- Usage:所占用的內存,單位為KB。
- Delta:與上次自動刷新時相比的變化量。
- #inUse:當前的DOM節點數目。
- #leaks:產生內存泄漏的節點數目。
- logmessage:節點發生異常時記錄的一些信息(不常用)。
功能按鈕介紹
6. 功能按鈕包括:
- Clear in use:清空已注冊并正在工作的DOM元素列表,所有元素將在“Elements in use”對話框中隱藏。
- Show in use:顯示所有正在使用的DOM元素。
- Show leaks:顯示到目前為止已發現的內存泄漏問題。
- Sacn Now:立即進行掃描。
查看當前頁面使用的元素
7. 點擊“Show in use”按鈕,可以查看當前頁面所使用的所有元素及其變化情況。
查看內存泄漏的節點和元素
8. 點擊“Show leaks”按鈕,可以顯示發現的內存泄漏的節點和元素。
9. 觀察之前測試的頁面,可以看到有許多泄漏的位置。以下是部分列表的解釋:
- #:自動為已注冊的元素產生的序列號。
- doc:自動為已經注冊的問題特別產生的序列號,用于辨別和查看同時運行的相同URL。
- Refs:所涉及到的元素數量。
- Tag:已注冊元素的DOM節點名,例如TD/TR/DIV等。
- ID:DOM元素的ID屬性值。
- Orphan:如果該列的值為“YES”,表示該元素不附屬于中(即頁面的BODY中)。在IE中,這種元素會導致內存泄漏,需要引起注意。
- outerHTML:顯示輸出的HTML。
- New Item:以紅色表示,顯示新增加的項目。
- Increased refcount:以藍色表示,項目不是新的,但涉及的元素有增加。
- Decrease refcount:以綠色表示,項目不是新的,但涉及的元素有減少。
以上是使用sIEve進行IE瀏覽器內存調試的簡要介紹。希望對前端WEB開發人員能夠有所幫助。