How does the debugger work ?

I have some HTML pages with JS, but can't get the debugger to work. Can anyone help ?
Thanks

Charles

0
20 comments

Just select 'Debug' item in the popup menu for an HTML file.

0
Avatar
Permanently deleted user

Nikolay,
That doesn't work. The debugger and run icons get greyed out, and nothing happens. I'm using Windows7.

C

0

Please reproduce the problem and attach idea.log file (use Help | Reveal Log action to open the directory containing it).

0
Avatar
Permanently deleted user

Hi Nik

Logfile is attached...

Regards
Charles



Attachment(s):
idea.log.zip
0

Looks like the problem is caused by Phing. Do you have 'Run Phing Target' option in 'JavaScript debug' configuration (Run | 'Edit Configurations' dialog)? If so try to switch it off. If it doesn't help you can try to disable Phing plugin at all (File | Settings | Plugins).

0
Avatar
Permanently deleted user

OK, now the debugger wants to run, but tries to load http:///, and not the url specified in the configuration.
(I'm editing the html files directly from my webroot, not via a url). So what now ?
Logfile attached...



Attachment(s):
idea.log.zip
0

Which browser is specified in the JavaScript debug configuration, Firefox or Chrome? If you use Firefox please check that 'JetBrains Firefox extension' was installed by WebStorm.

0
Avatar
Permanently deleted user

Nik

I've been using Firefox. There is no firefox extension installed, and the debugger also doesn't seem to work with Chrome, which loads the html file, but runs past the breakpoints without stopping.
So where do I get the Firefox extension? It was supposed to be automatically installed, but clearly, that didn't happen.

C



Attachment(s):
idea.log.zip
0

Maybe the extension provided by WebShorm isn't compatible with your Firefox version. Which versions of Firefox and WebStorm do you use?

0
Avatar
Permanently deleted user

I'm using Webstorm 2.1.5 build 107.658, and Firefox 6.0.2
I really don't care which browser I use for debugging, as long as it works. So just to recap:

1. Firefox tries to load an empty url
2. Chrome connects, but runs past the breakpoint.

Regards
Charles

0

Regarding problem with Firefox: there are no errors in idea.log so please enable additional logging by replacing <WEBSTORM_HOME>/bin/log.xml file by the attached one, reproduce the problem and attach idea.log.

Regarding problem with Chrome: please open File | Settings | Web Browsers, click on 'Settings' button in 'Chrome' group and enable 'Use custom profile' and 'Enable remote debug' options.



Attachment(s):
log.xml
0
Avatar
Permanently deleted user

Hi Nic

Logfile attached, I tried both Chrome and Firefox after following instructions in your previous post.
Chrome had those settings already.

Same result...

Maybe I just don't know how to use the debugger. For instance, in the debug configuration, what's the difference between URL and Remote URL, if I'm loading directly from disk ?

Charles



Attachment(s):
idea.log.zip
0

Hello,

"URL to open" field specifies which URL should be opened in browser then the debug configuration is started; "Remote URLs of local files" table defines remote URLs for files in the project so when you put breakpoint in a local file WebStorm can register the breakpoint for the corresponding URL.
However if you open files in browser directly from the disk you don't need to use 'JavaScript Debug' | Remote configuration. Try to create 'JavaScript Debug' | Local configuration, it doesn't require 'Remote URL' settings at all.

Unfortunately I don't see any additional logging in idea.log. Are you sure that you replaced log.xml file in the proper directory? Please also note that WebStorm need to be restarted after that.

0
Avatar
Permanently deleted user

Nik

Debugging now works with Chrome (don't know why), but not with Firefox, using the same configuration - Firefox still tries to load http:///

I now see 2 logfiles (don't know why) - both are attached.

Regards
Charles



Attachment(s):
idea.log.zip
idea.log.1.zip
0

Hmm, the log files are flooded with messages about failed attempts to connect to Firefox.
Do you use the default profile of Firefox (Settings | Web Browsers | Firefox | Settings) or you have a custom profile?
Does it help if you close all Firefox instances before starting the debugger from WebStorm?

0
Avatar
Permanently deleted user

Nik

I'm using a default Firefox profile, and closing Firefox before debugging doesn't help. Do the failures in the logfile not indicate a bug in Webstorm?


C

0

The error messages in the log indicates that WebStorm cannot connect to Firefox but they don't show why. May be you have some firewall software which prevents WebStorm from connecting to Firefox?

0
Avatar
Permanently deleted user

Nik

Where is the debugger plugin for Firefox ?

C

0

JetBrains Firefox extension is located in <WebStorm-home>/plugins/JavaScriptDebugger/firefox/JBExtension.xpi. You can try to install it manually.

0
Avatar
Permanently deleted user

Thanks, Nik !

It works now.

C

0

Please sign in to leave a comment.