Open topic with navigation
Working with the Ajax DOM Compare View
The DOM Compare view compares DOM attributes,
child nodes, and CSS properties of a node.
This view will not appear automatically when selecting the Web Browser
Tools Perspective. To open it go to Window
| View | DOM Compare.
Comparing Nodes
This procedure describes how to compare nodes. This is allows you to
visually see the differences between nodes. This feature compares DOM
attributes, child nodes, and CSS properties of a node.
|
|
|
To compare nodes:
-
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.
-
Open the DOM Compare view.
-
Select a node from the DOM Inspector view
and drag it into the “Compare List:” field.
Repeat step 3 for as many nodes as you want to compare.
-
Highlight the nodes to compare in the “Compare
List:” field.
-
In the “Compare:” field choose from the following:
-
DOM Attributes – To compare the DOM attributes of the
selected nodes.
-
Child Nodes – To compare the child nodes of the selected
nodes.
-
CSS – To compare the CSS properties of the selected
nodes.
-
Press Compare.
The details will appear in the view organized by columns. Each
column is for a different node.
|
To
clear nodes from the “Compare List:” field, click the to remove only one node or
to remove the entire
list.
|
©1999-2012 Zend Technologies LTD. All rights reserved.