PhpStorm 8.0.2 Web Help

Debugging

PhpStorm provides a complete range of facilities to debug source code:

  • Breakpoints in HTML, and JavaScript.
  • Breakpoints in PHP.
  • Customizable breakpoint properties: conditions, pass count, etc.
  • Frames, variables, and watches views in the JavaScript debugger UI.
  • Runtime evaluation of JavaScript expressions.
  • Support for the XDebug tool to debug PHP applications.

To debug an application, perform the following general steps

  1. Configure debugger options.
  2. To debug CoffeeScript, TypeScript, and Dart code, you need source maps generated in addition to the JavaScript code. Source maps set correspondence between lines in your original code and in the generated JavaScript code, otherwise your breakpoints will not be recognised and processed correctly.

    JavaScript and source maps are generated by transpiling the original code manually using the File Watcher of the corresponding type (CoffeeScript, TypeScript, or Dart. After that you can debug the output JavaScript code.

    For details, see Using File Watchers, Transpiling CoffeeScript to JavaScript, Transpiling TypeScript to JavaScript, and Transpiling Dart to JavaScript.

  3. Define a run/debug configuration for the application to be debugged.
  4. Create breakpoints in the source code.
  5. Launch a debugging session.
  6. Pause or resume the debugging session as required.
  7. During the debugger session, step through the breakpoints, evaluate expressions, change values on-the-fly , examine suspended program, explore frames, and set watches .

See Also

Last modified: 10 December 2014