18 Replies Last post: May 15, 2013 7:02 PM by Danial RKH  
Danial RKH Newbie 50 posts since
Feb 14, 2013
Currently Being Moderated

May 15, 2013 7:03 PM

Remote javascript debugging doesn't work [Solved]

i follow this tutorial step by step

http://www.jetbrains.com/phpstorm/webhelp/debugging-javascript.html

 

and then get this in phpstorm:

Selection_100.jpg

also firefox is waiting

Selection_101.jpg

and doesn't show anything to something happen in phpstorm but as you can see all debug buttons disabled.

 

so i don't get this page in last step (from that toturial)

http://wiki.jetbrains.net/i/images/5/55/Ws_debug_tool_window.png

nothing happend until i press the first button in debug column (rerun)

script finished and no stopping or debuging in breakpoints

 

any idea ?

 

(i'm gonig to try local debuging)

Andriy Bazanov Master 4,082 posts since
May 28, 2010
Currently Being Moderated
May 13, 2013 6:38 PM in response to: Danial RKH
Re: Remote javascript debugging doesn't work
i faced to problem in first article and seccond works correctly

Please show you run/debug configuration details. Simple test project is also very welcome.

 

i got new something from remote javascript debug and it is i got this message in console:

 

Use of Mutation Events is deprecated. Use MutationObserver instead. chrome://firebug/content/chrome/tabContext.js:589

This message/error comes from one of the firebug files (as file path suggests).

 

P.S.

You can alsways try Chrome browser instead of Firefox -- it is pretty much the same.

Elena Pogorelova Apprentice 1,001 posts since
Oct 5, 2011
Currently Being Moderated
May 13, 2013 6:39 PM in response to: Danial RKH
Re: Remote javascript debugging doesn't work

Hello!

 

this message has nothing to do with PHPStorm - this is Firebug issue. You must have the "Show Chrome Messages" or/and the "Show Chrome Errors" options enabled.

Please, provide the screenshot of the run configuration you are using for remote debugging

 

 

Best regards,

Lena

Andriy Bazanov Master 4,082 posts since
May 28, 2010
Currently Being Moderated
May 13, 2013 8:03 PM in response to: Danial RKH
Re: Remote javascript debugging doesn't work

So .. you have made a mapping for a single file (yes, a file) .... and expect this to propagate to other files (e.g. into numbers.js)? If so -- then I'm afraid you are wrong (it does not work this way, unfortunately) -- file is a file -- it does not affect other files (even if they are next to it).

 

Instead you should make mapping for the folder (e.g. PROJECT/tests == http://support.saze90.com/tests/) -- in such case all files/folders in this folder will inherit mapping from parrent folder (e.g. PROJECT/tests/javascript_debug/numbers.js would == http://support.saze90.com/tests/javascript_debug/numbers.js automatically)

 

Right now you have only one .html file mapped. IDE does not know how number.js is mapped so cannot stop on those breakpoints.

Andriy Bazanov Master 4,082 posts since
May 28, 2010
Currently Being Moderated
May 13, 2013 10:02 PM in response to: Danial RKH
Re: Remote javascript debugging doesn't work

i changed to everything you said:

but it doean't change result

Please provide some standalone simple project that can be used for testing (2-3 files should be just fine). I guess contents of PROJECT/tests/javascript_debug/ should be fine.

 

i also add variable i to watch but i can see printe the string with each step into or print number for i in variables tab (just like that toturial) soem un undrestable information changes in bottom

Sorry, but I do not understand what you are trying to say here.

Andriy Bazanov Master 4,082 posts since
May 28, 2010
Currently Being Moderated
May 14, 2013 4:14 AM in response to: Danial RKH
Re: Remote javascript debugging doesn't work

i also add variable i to watch window but i can't see printe the string in each step into (press F5 button) or print number for i in variables tab (just like that toturial)

I still do not understand what you are trying to say here. I guess it is about variables (you still cannot see them).

 

Well -- this works just fine here, in both Chrome and Firefox:

 

screen01.png

 

screen02.png

 

You can check this test project -- it should have all what is required already configured (it uses built-in HTTP server that can serve static files, no need to copy anything anywhere, just extract as is and use it)

Attachments:
Andriy Bazanov Master 4,082 posts since
May 28, 2010
Currently Being Moderated
May 14, 2013 12:57 PM in response to: Danial RKH
Re: Remote javascript debugging doesn't work

What is your IDE and version exactly (Help | About) ? It has to be PhpStorm v6.0.1 (build 126.339 or newer -- http://youtrack.jetbrains.com/issue/WI-17044 ) or WebSorm v6.

 

Built-in server details: http://blog.jetbrains.com/webstorm/2013/03/built-in-server-in-webstorm-6/

 

  • Possibly the internal http server is either sitting on different port (for whatever reason) or even simply unavailable (for unknown for me reason). Check what ports IDE is listening on (use your software firewall .. or netstat command to see what programs use what ports).
  • Or maybe you have renamed the project or project folder? The URL is dynamic and must match the project name.

 

In any case: you can upload those files to your own server and adjust URLs in Run/Debug Configurations as required

Andriy Bazanov Master 4,082 posts since
May 28, 2010
Currently Being Moderated
May 15, 2013 6:39 PM in response to: Danial RKH
Re: Remote javascript debugging doesn't work

What "remote" window ?

More Like This

  • Retrieving data ...