Is there a way to see what's manipulating a HTML Node?

Breakpoints are great when one knows where the code is being executed. However, I have a problem where my DIV is being manipulated by some unknown code in a library I'm using. Is there a way to basically set a breakpoint on the node and see when children are added or attributes changed?

Answers


Just for people who have never used Firebug, go to the HTML tab along the top of the Firebug window, navigate to the element you are after by expanding the relevant nodes. (Alternatively right-click the div on the page, and choose "Inspect Element" at the bottom (usually) of the right-click menu. Mousing over the node should, by default, highlight that element on the page.

Then when you have the div node shown in the firebug window, right click on the node and choose "Break On Attribute Change", "Break on Child addition or Removal", "Break on Element Removal", or whichever combination you'd like. And voila!


In firebug you can set in the html tab "Stop on attribute change"

see : http://getfirebug.com/html


Need Your Help

'+' (one or more occurrences) not working with 'sed' command

macos bash sed

I'm trying to refine my code by getting rid of unnecessary white spaces, empty lines, and having parentheses balanced with a space in between them, so:

iPhone background app to update the screen when a phone call is received

iphone ios ios5 jailbreak core-telephony

We are in the process of writing an iPhone app (that will be in the background) that would be notified when an incoming phone call comes. The app does some background work - going to a server retr...