StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>For JavaScript debugging in Chrome, you should use the official <strong><a href="https://chrome.google.com/webstore/detail/netbeans-connector/hafdlehgocfcodbgjnpecfajgkeejnaa" rel="noreferrer">NetBeans Connector</a></strong> extension.</p> <p>Here's an example on how to debug JavaScript code with NetBeans + Chrome + NetBeans Connector:</p> <p><strong><em>Debugging and Testing JavaScript in an HTML5 Application</em></strong> <a href="https://netbeans.org/kb/docs/webclient/html5-js-support.html" rel="noreferrer">https://netbeans.org/kb/docs/webclient/html5-js-support.html</a></p> <p>After creating a new project, you should <em>"Confirm that Chrome with NetBeans Connector is selected in the dropdown list in the toolbar"</em>:</p> <p><img src="https://i.stack.imgur.com/qFY0x.png" alt="Confirm that Chrome with NetBeans Connector is selected in the dropdown list in the toolbar"></p> <p>(it looks like this in my NetBeans:<br> <img src="https://i.stack.imgur.com/dlphZ.png" alt="NetBeans Connector">)</p> <p>Put some breakpoints before some lines:</p> <p><img src="https://i.stack.imgur.com/CWV5G.png" alt="JS code breakpoints"></p> <p>and hit Run. After hitting Run, you will see a yellow warning bar which looks somehow like this, stating "<em>"NetBeans Connector" is debugging this tab</em>":</p> <p><img src="https://i.stack.imgur.com/xbzCg.png" alt=""NetBeans Connector" is debugging this tab"> </p> <p>Do NOT open Chrome's built-in web inspector toolbar now (or you'll get a warning that this breaks the regular debugging process in NetBeans).</p> <p>Now you can debug JavaScript code in NetBeans, the code will run in Chrome. You should open Window → Debugging → Variables panel to inspect the variables.</p> <p>Or mouse over some items:</p> <p><img src="https://i.stack.imgur.com/9kvMS.png" alt="NetBeans JS code debugging; variable"></p> <hr> <p>Regarding debugging PHP code, here are some relevant official articles:</p> <ul> <li>How do I debug PHP projects? - <a href="http://wiki.netbeans.org/HowToDebugPHPProjects" rel="noreferrer">http://wiki.netbeans.org/HowToDebugPHPProjects</a></li> <li>Configuring PHP Development Environment in Windows - <a href="https://netbeans.org/kb/docs/php/configure-php-environment-windows.html" rel="noreferrer">https://netbeans.org/kb/docs/php/configure-php-environment-windows.html</a></li> <li>Configuring the PHP Development Environment in Linux Ubuntu - <a href="https://netbeans.org/kb/docs/php/configure-php-environment-ubuntu.html" rel="noreferrer">https://netbeans.org/kb/docs/php/configure-php-environment-ubuntu.html</a></li> <li>Configuring PHP, Apache, MySQL, and Xdebug for PHP development in MAC OS X - <a href="https://netbeans.org/kb/docs/php/configure-php-environment-mac-os.html" rel="noreferrer">https://netbeans.org/kb/docs/php/configure-php-environment-mac-os.html</a></li> <li>Debugging PHP Source Code in the NetBeans IDE - <a href="https://netbeans.org/kb/docs/php/debugging.html" rel="noreferrer">https://netbeans.org/kb/docs/php/debugging.html</a></li> <li>How to configure XDebug - <a href="http://wiki.netbeans.org/HowToConfigureXDebug" rel="noreferrer">http://wiki.netbeans.org/HowToConfigureXDebug</a></li> </ul>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload