This is an automated email from the ASF dual-hosted git repository.
git-site-role pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/netbeans-website.git
The following commit(s) were added to refs/heads/asf-site by this push:
new 2d016be Automated site publishing by Jenkins build 776
2d016be is described below
commit 2d016be20b09920a30ec65d5b8f52b2ff6cb46de
Author: jenkins <bui...@apache.org>
AuthorDate: Sat May 4 14:22:39 2019 +0000
Automated site publishing by Jenkins build 776
---
content/kb/docs/java/debug-visual.html | 81 +++++++---------------------------
1 file changed, 16 insertions(+), 65 deletions(-)
diff --git a/content/kb/docs/java/debug-visual.html
b/content/kb/docs/java/debug-visual.html
index 7369934..c69f46d 100644
--- a/content/kb/docs/java/debug-visual.html
+++ b/content/kb/docs/java/debug-visual.html
@@ -172,13 +172,10 @@
<div class="olist arabic">
<ol class="arabic">
<li>
-<p>In the GUI snapshot, select the Guess button.</p>
+<p>In the GUI snapshot, select the Guess button. When you select a component
in the snapshot, the IDE displays details about the selected component in the
Properties window. If the Properties window is not visible you can choose
Window > Properties from the main menu to open the window.</p>
</li>
</ol>
</div>
-<div class="paragraph">
-<p>When you select a component in the snapshot, the IDE displays details about
the selected component in the Properties window. If the Properties window is
not visible you can choose Window > Properties from the main menu to open
the window.</p>
-</div>
<div class="imageblock">
<div class="content">
<img src="images/debug-snapshot.png" alt="debug snapshot">
@@ -195,13 +192,10 @@
<div class="olist arabic">
<ol class="arabic" start="2">
<li>
-<p>Right-click the Guess button in the snapshot and choose Go to Component
Declaration from the popup menu.</p>
+<p>Right-click the Guess button in the snapshot and choose Go to Component
Declaration from the popup menu. When you choose Go to Component Declaration
the IDE opens the source file in the editor and moves the cursor to the line in
the code where <code>guessButton</code> is declared.</p>
</li>
</ol>
</div>
-<div class="paragraph">
-<p>When you choose Go to Component Declaration the IDE opens the source file
in the editor and moves the cursor to the line in the code where
<code>guessButton</code> is declared.</p>
-</div>
<div class="imageblock">
<div class="content">
<img src="images/debug-gotodeclaration.png" alt="debug gotodeclaration">
@@ -210,13 +204,10 @@
<div class="olist arabic">
<ol class="arabic" start="3">
<li>
-<p>Right-click the Guess button in the snapshot again and choose Go to
Component Source.</p>
+<p>Right-click the Guess button in the snapshot again and choose Go to
Component Source. When you choose Go to Component Source the IDE opens the
source file in the editor and moves the cursor to the line in the source code
for the JButton component.</p>
</li>
</ol>
</div>
-<div class="paragraph">
-<p>When you choose Go to Component Source the IDE opens the source file in the
editor and moves the cursor to the line in the source code for the JButton
component.</p>
-</div>
<div class="imageblock">
<div class="content">
<img src="images/debug-gotosource.png" alt="debug gotosource">
@@ -233,26 +224,12 @@
<li>
<p>Click the Java Debugger tab in the Java category in the Options window.</p>
</li>
-</ol>
-</div>
-<div class="paragraph">
-<p><strong>Note.</strong> In NetBeans IDE 7.1 the Java Debugger tab is located
in the Miscellaneous category in the Options window.</p>
-</div>
-<div class="olist arabic">
-<ol class="arabic" start="3">
<li>
<p>Select Visual Debugging in the list of categories and select <strong>Track
locations of component hierarchy changes</strong>. Click OK.</p>
</li>
<li>
-<p>Stop your debugging session (if one is running).</p>
+<p>Stop your debugging session (if one is running). After you enable the
command in the Options window, you will need to restart your debugging session
and take a new GUI snapshot before you can use the Go to Hierarchy Addition
command.</p>
</li>
-</ol>
-</div>
-<div class="paragraph">
-<p><strong>Note.</strong> After you enable the command in the Options window
you will need to restart your debugging session and take a new GUI snapshot
before you can use the Go to Hierarchy Addition command.</p>
-</div>
-<div class="olist arabic">
-<ol class="arabic" start="5">
<li>
<p>Start a new debugging session and take a GUI snapshot.</p>
</li>
@@ -262,7 +239,7 @@
</ol>
</div>
<div class="paragraph">
-<p>The IDE will open the source code in the editor at the line where the
component is added.</p>
+<p>The IDE will open the source code in the editor at the line where the
component is added, as shown below:</p>
</div>
<div class="imageblock">
<div class="content">
@@ -278,13 +255,10 @@
<div class="olist arabic">
<ol class="arabic">
<li>
-<p>Right-click the Guess button in the snapshot and choose Show Listeners from
the popup menu.</p>
+<p>Right-click the Guess button in the snapshot and choose Show Listeners from
the popup menu. When you choose Show Listeners, the IDE opens the Events
window. You can see that the Custom Listeners node is expanded.</p>
</li>
</ol>
</div>
-<div class="paragraph">
-<p>When you choose Show Listeners, the IDE opens the Events window. You can
see that the Custom Listeners node is expanded.</p>
-</div>
<div class="imageblock">
<div class="content">
<img src="images/debug-customlisteners.png" alt="debug customlisteners">
@@ -293,57 +267,34 @@
<div class="olist arabic">
<ol class="arabic" start="2">
<li>
-<p>Right-click <strong>com.toy.anagrams.ui.Anagrams$3</strong> below the
Custom Listeners node and choose Go to Component Source in the popup menu.</p>
+<p>Right-click <strong>com.toy.anagrams.ui.Anagrams$3</strong> below the
Custom Listeners node and choose Go to Component Source in the popup menu. The
source code opens in the editor at the line where the listener is defined.</p>
</li>
-</ol>
-</div>
-<div class="paragraph">
-<p>The source code opens in the editor at the line where the listener is
defined.</p>
-</div>
-<div class="olist arabic">
-<ol class="arabic" start="3">
<li>
-<p>Select the empty text field in the snapshot.</p>
+<p>Select the empty text field in the snapshot. Alternatively, you can select
the <code>guessedWord</code> text field in the Navigator window. When you
select the text field, the items in the Events window will change automatically
to display the listeners for the selected component.</p>
</li>
-</ol>
-</div>
-<div class="paragraph">
-<p>Alternatively, you can select the <code>guessedWord</code> text field in
the Navigator window.</p>
-</div>
-<div class="paragraph">
-<p>When you select the text field, the items in the Events window will change
automatically to display the listeners for the selected component.</p>
-</div>
-<div class="olist arabic">
-<ol class="arabic" start="4">
<li>
-<p>In the Events window, double-click the Event Log node to open the Select
Listener window.</p>
+<p>In the Events window, double-click the Event Log node to open the Select
Listener window. Alternatively, you can right-click the Event Log node and
choose Set Logging Events from the popup menu.</p>
</li>
-</ol>
-</div>
-<div class="paragraph">
-<p>Alternatively, you can right-click the Event Log node and choose Set
Logging Events from the popup menu.</p>
-</div>
-<div class="olist arabic">
-<ol class="arabic" start="5">
<li>
-<p>Select the <code>java.awt.event.KeyListener</code> listener from the
dialog. Click OK.
-image::images/debug-select-listener.png[]</p>
+<p>Select the <code>java.awt.event.KeyListener</code> listener from the
dialog. Click OK.</p>
</li>
</ol>
</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/debug-select-listener.png" alt="debug select listener">
+</div>
+</div>
<div class="paragraph">
<p>This listener is now listening for keyboard events in the text field.</p>
</div>
<div class="olist arabic">
<ol class="arabic" start="6">
<li>
-<p>In the Anagram Game application, type some characters in the text field.</p>
+<p>In the Anagram Game application, type some characters in the text field.
When you type a character in the text field, the event is recorded in the
events log. If you expand the Event Log node you can see that each keystroke is
now logged. New events appear each time that you type in the Anagram Game
application text field. If you expand an individual event, for example
<code>keyPressed</code> , you can see the properties of that event in the
log.</p>
</li>
</ol>
</div>
-<div class="paragraph">
-<p>When you type a character in the text field, the event is recorded in the
events log. If you expand the Event Log node you can see that each keystroke is
now logged. New events appear each time that you type in the Anagram Game
application text field. If you expand an individual event, for example
<code>keyPressed</code> , you can see the properties of that event in the
log.</p>
-</div>
<div class="imageblock">
<div class="content">
<img src="images/debug-eventlog.png" alt="debug eventlog">
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@netbeans.apache.org
For additional commands, e-mail: commits-h...@netbeans.apache.org
For further information about the NetBeans mailing lists, visit:
https://cwiki.apache.org/confluence/display/NETBEANS/Mailing+lists
