2015-02-24 25 views
2

我試圖調試一個加載頁面的第一個.5-1秒的元素。之後它完全消失;我想知道是否有任何方法可以在特定時間加載時停止頁面,無論是使用腳本還是模擬器,以便我可以使用開發人員工具追蹤此元素。在指定時間停止頁面加載

感謝您的指點!

+0

您是否嘗試過使用Google開發人員工具或Mozilla Firebug調試javascript? – progrAmmar 2015-02-24 03:02:12

+0

是的,我有 - 任何腳本都沒有錯誤。這是一個簡單的遺留問題,但在我可以抓取選擇器並跟蹤它之前它會消失 – 2015-02-24 03:03:25

+0

您可以立即嘗試內嵌HTML Javascript,並在其中設置調試器斷點。 – jdphenix 2015-02-24 03:07:55

回答

1

您可以撥打window.stop()停止窗口加載,如果這是您正在尋找。

聽起來好像通過設置一些斷點而不是手動插入停止語句來暫停JavaScript瀏覽器調試器的腳本執行會更容易。

+0

我可以讓頁面加載直到某個點?說,,3秒,然後按原樣停止? – 2015-04-17 16:31:14

+1

@Nooneknows我想增加一些像''應該在文檔的最頂端工作。 – Kapep 2015-04-17 16:39:17

1

第二次嘗試,現在我明白你的問題好一點。

您可以使用MutationObserver將更改輸出到DOM。有些事情是如此

var observer = new MutationObserver(function (mutations) { 
 
    mutations.forEach(function (mutation) { 
 
    console.log(mutation); 
 
    }); 
 
}) 
 
observer.observe(document.body, { 
 
    attributes: true, 
 
    childList: true, 
 
    characterData: true, 
 
    subtree: true 
 
}); 
 

 
var hiders = document.querySelectorAll('.hider'), 
 
    hiders = Array.prototype.slice.call(hiders); 
 

 
hiders.forEach(function(el) { 
 
    el.parentNode.removeChild(el); 
 
});
<div class="hider"></div> 
 
<div class="hider"></div>

簡單在窗口的load處理程序將正常工作,並且將輸出上的每個變化MutationRecord。我敢打賭,其中一個將是你的元素(特別是,該記錄的removedNodes)。如果你使用這個,這個片段的瀏覽器控制檯將會有你會看到的。