sIEve是一個幫助前端WEB開發(fā)人員查看IE瀏覽器內(nèi)存使用和內(nèi)存泄漏問題的工具。本文將介紹sIEve的使用方法。打開軟件并開始測試1. 打開sIEve軟件，底部顯示內(nèi)存變化的曲線圖，右上角有各種功能

sIEve是一個幫助前端WEB開發(fā)人員查看IE瀏覽器內(nèi)存使用和內(nèi)存泄漏問題的工具。本文將介紹sIEve的使用方法。

打開軟件并開始測試

1. 打開sIEve軟件，底部顯示內(nèi)存變化的曲線圖，右上角有各種功能按鈕。

2. 在Address欄中輸入URL地址，例如百度，然后點擊GO按鈕進行測試。

3. 左下部分顯示當(dāng)前頁面占用的內(nèi)存數(shù)。

查看DOM占用情況

4. 選擇“DOM Usage”按鈕，可以查看頁面所占用的DOM數(shù)量。

5. 右側(cè)列表顯示以下信息：

- Usage：所占用的內(nèi)存，單位為KB。

- Delta：與上次自動刷新時相比的變化量。

- #inUse：當(dāng)前的DOM節(jié)點數(shù)目。

- #leaks：產(chǎn)生內(nèi)存泄漏的節(jié)點數(shù)目。

- logmessage：節(jié)點發(fā)生異常時記錄的一些信息（不常用）。

功能按鈕介紹

6. 功能按鈕包括：

- Clear in use：清空已注冊并正在工作的DOM元素列表，所有元素將在“Elements in use”對話框中隱藏。

- Show in use：顯示所有正在使用的DOM元素。

- Show leaks：顯示到目前為止已發(fā)現(xiàn)的內(nèi)存泄漏問題。

- Sacn Now：立即進行掃描。

查看當(dāng)前頁面使用的元素

7. 點擊“Show in use”按鈕，可以查看當(dāng)前頁面所使用的所有元素及其變化情況。

查看內(nèi)存泄漏的節(jié)點和元素

8. 點擊“Show leaks”按鈕，可以顯示發(fā)現(xiàn)的內(nèi)存泄漏的節(jié)點和元素。

9. 觀察之前測試的頁面，可以看到有許多泄漏的位置。以下是部分列表的解釋：

- #：自動為已注冊的元素產(chǎn)生的序列號。

- doc：自動為已經(jīng)注冊的問題特別產(chǎn)生的序列號，用于辨別和查看同時運行的相同URL。

- Refs：所涉及到的元素數(shù)量。

- Tag：已注冊元素的DOM節(jié)點名，例如TD/TR/DIV等。

- ID：DOM元素的ID屬性值。

- Orphan：如果該列的值為“YES”，表示該元素不附屬于中（即頁面的BODY中）。在IE中，這種元素會導(dǎo)致內(nèi)存泄漏，需要引起注意。

- outerHTML：顯示輸出的HTML。

- New Item：以紅色表示，顯示新增加的項目。

- Increased refcount：以藍色表示，項目不是新的，但涉及的元素有增加。

- Decrease refcount：以綠色表示，項目不是新的，但涉及的元素有減少。

以上是使用sIEve進行IE瀏覽器內(nèi)存調(diào)試的簡要介紹。希望對前端WEB開發(fā)人員能夠有所幫助。