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