Skip to content


PHPStorm Debugging Javascript

Full WebStorm Guide to Javascript Debugging

Quick Setup Per Page:

  1. Click Add Configuration in the top right to open up the Run/Debug Configurations.
  2. Click on the plus sign to add a new configuration and select the "Javascript Debug" template
  3. Enter the url for the page to debug and ensure the breakpoints checkbox is selected.
  4. Now you can debug the javascript page with shift+F9 or the debug button next to the run button.

Note: The page may need to be hard refreshed.

Chrome dev tools

Google have good documentation for the dev tools.

What does that?

To help find what bit of javascript does something you could use the Visual Event extension.

Form submit

When form.submit is not a function it means the button has an id of submit which overrides the default one.
Here is an article