You are here: User Guide > Tasks > Working with Plugins > Working with the Ajax DOM Watcher View

Working with the Ajax DOM Watcher View

The DOM Watcher view is a way to record events occurring in the node selected in the DOM Inspector view. This allows you to see what exact events are occurring live.

The following components make up the view:

Type - The type of action.
TimeStamp - The exact time the event occurred.
Details - The details of the event. These are separated into “screen” and “client”.

DOM Watcher

Recording Events Live

This procedure describes how to record events occurring live in your browser. This allows you to see which events are occurring in a node as you are actively using the browser.

Instructions on how to complete a procedure

To record events:

Go to Window | Open Perspective | Web Browser Tools.
Click from the main toolbar.
The “Open URL…” dialog opens.
Enter a URL in the “Enter URL…” text field and press Enter.
The URL opens in the Internal Web Browser.
Go to the DOM Watcher view.
Select a node in the DOM Inspector view or use the Ctrl + Click option in the Internal Web Browser to select a node. (For more information see Highlighting a Node.)
The node recording timestamp and details appear in the “Node:” text field.
Click to begin recording.
Use the browser.

Note:

If you click on a link while recording, the DOM Watcher will automatically stop the recording and follow the link.

To stop recording click .
The recording stops and the events and their properties remain.

The event list from a recording is not automatically deleted. If you Start recording for a node you have previously recorded, the new event list will begin below the previous event list. To delete an event list click .

Note:

While recording for one node, you can simultaneously record another node. This is achieved by using the Ctrl + Click option to select another node while actively recording, and again pressing to begin recording. To switch between the nodes use the Ctrl + Click option.

DOM Watcher View Icons

The DOM Watcher View includes the following icons:

	Start watching events for the selected node.
	Stop watching events for the selected node.
	Clear the event list.
	View menu. Select Settings... to open the "Supported DOM Event types" dialog.