Up to Discussions in PhpStorm / WebStorm
8 Replies Last post: Feb 21, 2013 10:57 PM by Mark Steudel  
Mark Steudel Newbie
Mark Steudel
12 posts since
Feb 13, 2013
Currently Being Moderated

Feb 13, 2013 2:04 AM

Javascript Debugging in Chrome, works in FF

So I have setup a remote js debugging project and initially I set the browser to Chrome, and while I could see it opening up a new tab, see connected to jetbrains Chrome Extension in the debugger frame, it ignored my breakpoints. On a whim I switched it over to FF and everything worked just fine. Anythoughts?

 

Thanks, Mark

Tags: javascript, debugger, debugging, debug, firefox, chrome
Mark Steudel Newbie
Mark Steudel
12 posts since
Feb 13, 2013
Currently Being Moderated
Feb 13, 2013 2:12 AM in response to: Mark Steudel
Re: Javascript Debugging in Chrome, works in FF

Oh I'm running Chrome:  24.0.1312.57

On Mac OS X: 10.8.2

Report Abuse
Vladimir Krivosheev Novice
Vladimir Krivosheev
176 posts since
Mar 3, 2007
Currently Being Moderated
Feb 13, 2013 11:05 AM in response to: Mark Steudel
Re: Javascript Debugging in Chrome, works in FF

Please see http://confluence.jetbrains.com/display/WI/LiveEdit#LiveEdit-HowDoIKnowWhatsWrong (How do I know what's wrong?) Please send me extension console content.

Report Abuse
Mark Steudel Newbie
Mark Steudel
12 posts since
Feb 13, 2013
Currently Being Moderated
Feb 13, 2013 9:43 PM in response to: Vladimir Krivosheev
Re: Javascript Debugging in Chrome, works in FF
IN [26,"Debugger","attach",["http://miniprojects.mindfulinteractive.com/jstest/index.html",true]] browser-ext-platform.js:332
http://miniprojects.mindfulinteractive.com/jstest/index.html: existing tab not found, candidates not exists browser-ext-platform.js:332
create tab: data:text/html;base64,PCFET0NUWVBFIGh0bWw+PGh0bWw+PGhlYWQ+PHRpdGxlPkxvYWRpb…9tL2pzdGVzdC9pbmRleC5odG1sPC90aXRsZT48L2hlYWQ+PGJvZHk+PC9ib2R5PjwvaHRtbD4= browser-ext-platform.js:332
lastFocusedWindow is not normal browser-ext-platform.js:332
attachDebugger: existing dom not found browser-ext-platform.js:332
IN ["Debugger","sendCommand",[30,{"id":1,"method":"Debugger.enable","params":{}}]] browser-ext-platform.js:332
DC 30 Debugger.enable browser-ext-platform.js:332
IN ["Debugger","enableConsole",[30]] browser-ext-platform.js:332
IN ["Debugger","sendCommand",[30,{"id":4,"method":"Debugger.setBreakpointByUrl","params":{"condition":"","lineNumber":1,"url":"http:\/\/miniprojects.mindfulinteractive.com\/jstest\/js\/test.js"}}]] browser-ext-platform.js:332
IN ["Debugger","sendCommand",[30,{"id":5,"method":"Debugger.setBreakpointByUrl","params":{"condition":"","lineNumber":5,"url":"http:\/\/miniprojects.mindfulinteractive.com\/jstest\/js\/test.js"}}]] browser-ext-platform.js:332
IN ["Debugger","navigate",[30,"http://miniprojects.mindfulinteractive.com/jstest/index.html",true]] browser-ext-platform.js:332
DC 30 Console.enable browser-ext-platform.js:332
DR 30 Debugger.enable returns {} browser-ext-platform.js:332
DR 30 Console.enable returns {} browser-ext-platform.js:332
EV 30 Console.messagesCleared browser-ext-platform.js:332
EV 30 Debugger.globalObjectCleared browser-ext-platform.js:332
EV 30 Profiler.resetProfiles browser-ext-platform.js:332
detach tab 30, new url http://miniprojects.mindfulinteractive.com/jstest/index.html is not inspectable browser-ext-platform.js:320
EV 30 Console.messagesCleared browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332
EV 30 Debugger.scriptParsed browser-ext-platform.js:332

Attachments:
Report Abuse
Vladimir Krivosheev Novice
Vladimir Krivosheev
176 posts since
Mar 3, 2007
Currently Being Moderated
Feb 14, 2013 12:12 PM in response to: Mark Steudel
Re: Javascript Debugging in Chrome, works in FF

Is it "JetBrains IDE Support" version 0.5.4? (https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji)

Report Abuse
Mark Steudel Newbie
Mark Steudel
12 posts since
Feb 13, 2013
Currently Being Moderated
Feb 14, 2013 10:49 PM in response to: Vladimir Krivosheev
Re: Javascript Debugging in Chrome, works in FF

Hah, no it's  0.3.11. I think I got that from a link in the ide, I'll try installing the latest version fo the plugin.

 

Ok so I installed 0.5.4, but when I try to connect I am now seeing this in the inspector

 

Failed to load resource: the server responded with a status of 404 (Not Found) http://127.0.0.1:63342/browserConnection/buildInfo
127.0.0.1:63342 returns 404, may be it is IntelliJ Idea 12.0.x? browser-ext-platform.js:483
Failed to load resource: the server responded with a status of 404 (Not Found) http://127.0.0.1:63342/startTime
127.0.0.1:63342 returns 404, LiveEdit plugin is not installed, skip host browser-ext-platform.js:483

 

Do I need to update the PHPStorm so that it uses the right port or something?

Report Abuse
Mark Steudel Newbie
Mark Steudel
12 posts since
Feb 13, 2013
Currently Being Moderated
Feb 14, 2013 10:50 PM in response to: Mark Steudel
Re: Javascript Debugging in Chrome, works in FF

And I get this in the console in the IDE

 

Waiting for connection from JetBrains Chrome Extension (see Console Tab for details) (if not, please see How to install JetBrains Chrome Extension by hand)

Report Abuse
Vladimir Krivosheev Novice
Vladimir Krivosheev
176 posts since
Mar 3, 2007
Currently Being Moderated
Feb 15, 2013 11:29 AM in response to: Mark Steudel
Re: Javascript Debugging in Chrome, works in FF

This issue fixed in WebStorm/PhpStorm 6, EAP is available, please use it.

Report Abuse
Mark Steudel Newbie
Mark Steudel
12 posts since
Feb 13, 2013
Currently Being Moderated
Feb 21, 2013 10:57 PM in response to: Vladimir Krivosheev
Re: Javascript Debugging in Chrome, works in FF

Thanks it works now.


Report Abuse

More Like This

  • Retrieving data ...