Jump to: navigation, search

Difference between revisions of "ATF/Help/Tools/DOMWatcher"

< ATF‎ | Help
(New page: =Image:domwatcher.gif DOM Watcher= The DOM Watcher View is used to track DOM Events that target a given DOM Node. The developer can select a Node and start or stop watching DOM events...)
 
(Image:domwatcher.gif DOM Watcher)
 
Line 28: Line 28:
 
* Select ''Show View'' and ''Other...'' to open the ''Show View'' dialog.
 
* Select ''Show View'' and ''Other...'' to open the ''Show View'' dialog.
 
* Under the ''Mozilla'' category, select ''DOM Watcher''.
 
* Under the ''Mozilla'' category, select ''DOM Watcher''.
 +
 +
[[Category:Draft Documentation]]

Latest revision as of 09:00, 4 November 2009

Domwatcher.gif DOM Watcher

The DOM Watcher View is used to track DOM Events that target a given DOM Node. The developer can select a Node and start or stop watching DOM events. Each DOM event targeting the selected Node will be listed in the table area with information about the type, a timestamp, and detailed information (if available).

To start watching the events for a DOM Node:

  1. Select the Node using the [dominspect.html DOM Inspector] or [mozbrowser.html Ctrl-Click Selection] feature of the Browser. This will show the Node in the ComboBox of the DOM Watcher View.
  2. Press the StartWatcher.gif toolbar button to start watching.

To stop watching the events for a DOM Node:

  1. Select the Node using the ComboBox of the DOM Watcher View.
  2. Press the StopWatcher.gif toolbar button to stop watching.

For a list of DOM Event types that the DOM Watcher support open the Settings dialog by going to the view's menu ShowMenu.gif. This dialog allows the developer to select which Event types will be observed by the DOM Watcher.

DomWatcherSettings.jpg

The view also provides the following toolbar buttons:

  • StartWatcher.gif Start - Start watching events.
  • StopWatcher.gif Stop - Stop watching events.
  • Clear.gif Clear - Clears the events from the table.

To open the view:

  • Go to Windows menu.
  • Select Show View and Other... to open the Show View dialog.
  • Under the Mozilla category, select DOM Watcher.