是否有可能在發生DOM檢查時檢查它們？

我想看看由jQuery工具提示插件（qTip v1）生成的html。只有當我用鼠標指針懸停在元素上時，纔會顯示工具提示。通常我只是檢查html或深入Chrome的開發者控制檯，但只要我這樣做，工具提示消失，因爲mouseover事件結束。工具提示的位置超出了文檔的正常流程，所以我無法輕鬆設置「元素」標籤（Chrome）以查看它發生的情況。有沒有一種方法可以在任何瀏覽器中使用熱鍵凍結DOM來進行檢查？我也接受其他想法 - 任何能夠讓我檢查鼠標不一定在附近的元素的東西，當鼠標移動時都會消失。我不想開始搞調試器的插件的JavaScript。是否有可能在發生DOM檢查時檢查它們？

來源

2013-01-08 AlexMA

我真的很想看到這個結果。在過去，我一直在按CTRL-A來選擇整個頁面，然後將其粘貼到諸如* ahem * Dreamweaver之類的HTML編輯器中。不完全理想，但它的工作原理。 –

DOM斷點

在Chrome DOM斷點可以做的伎倆：https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#dom

你只需要進入到工具提示將被追加父元素。然後你可以停止所有的Javascript，這將阻止任何Javascript從DOM中刪除任何東西。從筆者的問題

附錄：

你也可以「屬性修改破」，在屬性上子網元素，修改這個暫停JavaScript執行。該選項與子樹修改相同的菜單下。

來源

2013-01-08 18:08:02

+1這很漂亮，可能相當有用。感謝分享它。唯一的問題是我不知道使用什麼元素。我嘗試了身體元素，沒有發生任何事情。我認爲，因爲它的位置：絕對的，我沒有選擇哪個父母元素可以工作。 – AlexMA

所有元素都有一個父元素，除了'html'，這就是XML的本質，可能是子樹的修改必須是直接子元素。 –

是啊...不幸的是，如果父母不是身體或html，我不知道愚蠢的插件把他們放在哪裏。 – AlexMA

是否有可能在發生DOM檢查時檢查它們？

回答

相關問題