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:

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:

  1. Go to Window | Open Perspective | Web Browser Tools.

  2. Click Open a URL in the Mozilla Browser from the main toolbar.
    The “Open URL…” dialog opens.

  3. Enter a URL in the “Enter URL…” text field and press Enter.
    The URL opens in the Internal Web Browser.  

  4. Go to the DOM Watcher view.

  5. 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.

  6. Click Start Watching Events for this Node to begin recording.

  7. Use the browser.

Note:

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

  1. To stop recording click Stop Watching Event for this Node.
    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 Clear Event List.  

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 Start Watching Events for this Node 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 this Node

Start watching events for the selected node.

Stop Watching Events for this Node

Stop watching events for the selected node.

Clear Even List

Clear the event list.

View Menu

View menu. Select Settings... to open the "Supported DOM Event types" dialog.

 

 

 

Related Links:
Ajax Tools

Working with the Ajax DOM Inspector View

Working with the Ajax Browser Console View

Working with the Ajax Request Monitor View

Working with the Ajax DOM Source View

Working with The Ajax CSS View

Working with the Ajax JavaScript View

Working with the Ajax DOM Compare View

Working with the Internal Web Browser

Debugging JavaScript

Working with jQuery JavaScript Library

Working with Prototype JavaScript Library

Web Browser Tools Perspective

 

 

©1999-2012 Zend Technologies LTD. All rights reserved.