Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to use WebStorm JavaScript Debug configuration without Google Chrome?

I have FF (v.35), Opera (v.12), and IE (v.11) installed on my Win 7 x64 PC and wanted to debug a (locally stored) HTML file that loads a JS script.

After adding the file to a new project, I went to File > Settings > Tools > Web Browsers and unticked the web browsers that I do not have installed.

So those settings now looks like this:

webstorm_web_browsers_settings

After that I went to "Edit Configurations" and added the HTML file that I wanted to debug, as shown below:

webstorm_edit_configurations

(note that the HTML file is not empty, even though it is named that way)

Now if I click on the 'Debug (default)' button, I get these messages that Windows has a problem finding chrome and WebStorm is waiting for a connection from the Chrome plugin:

webstorm_error_messages

On another hand, if I click on the 'Run (default)' button it opens the page in Firefox as expected.

I am either doing something wrong or have something misconfigured.

How can I tell WebStorm not to use Chrome for debugging?

Thanks,

like image 201
user100487 Avatar asked Oct 31 '22 04:10

user100487


1 Answers

Simply put, JetBrains WebStorm does not support the JavaScript Debug configuration in any browser other than Chrome (or other Chrome-based browser such as Dartium).

To debug in FireFox versions 33-35 (for WebStorm v.10 this does not work in FF v.36), you have to enable Remote debugging in Firefox and then use the Firefox Remote run configuration, as explained here: https://youtrack.jetbrains.com/issue/WEB-13801#comment=27-904044.

like image 193
coderworks Avatar answered Nov 15 '22 08:11

coderworks