Skip to content

WebStorm IDE Debugging

Stephen Sporik edited this page Aug 21, 2013 · 11 revisions

Setup a Debug Profile

A few configuration steps need to be taken in order to allow full debugging from within the web browser. It is recommended to use Google Chrome, support for Mozilla Firefox is also available in WebStorm.

Open Debug Menu

Add a New Configuration Profile. Create New Debug Profile

Select a Remote Configuration. New Debug Profile

Set the URL to the virtual directory of your application that is running through IIS. Make sure to turn on "Check that no other instances are running." Debug

Lastly, an extension must be added to Chrome. It is available in the Google Chrome Web Store.. Chrome Web Store

To run the code, push the Debug button in the toolbar. Debug Example

Troubleshooting the Debugger

  1. If WebStorm cannot find the Google Chrome executable file:

Debug Error

Open the Settings Menu. Setting Menu

Set the web browser executable. Web Browser Executable

  1. If the debugger cannot reach your break points.

Reach Breakpoint Failed

Follow the URL reference prompt when hovering over a break point. Set URL reference.

Here is a fully capable debugging example: Full Debug Example


Clone this wiki locally