cannot debug javascript from webstorm anymore - javascript

I used to be able to debug javascript from webstorm with no problem at all.
Thanks to the jetbrains chrome extension, it simply opened a new tab in chrome and launched my site in there with no problem whatsoever.
But recently I had to reboot my computer (with a beloved windows update) and now this is not working anymore.
When I start the debugging from webstorm chromes opens a new tab and I see the following in the address bar and then nothing...
data:text/html;base64,PCFET0NUWVBFIGh0bWw+PHRpdGxlPkxvYWRpbmcgaHR0cDovL3ZtLnNob3RndW4ubG9jYWwvPC90aXRsZT4=
My site is not opened and the page remains blank in chrome.

Most probably this is a result of Chrome update: some Chrome API changes introduced in v.37 break js debugger. WEB-12418 is fixed in WebStorm 9 EAP

Related

Possible to run a chrome extension within another chrome extension?

Long story short I'm looking to create a Chrome extension that will run within a site that only wants to run Internet Explorer (Oracle EBS). So far my only option has been to run IE Tab, which works fine when visiting the site. My new extension right now just runs alert("foo"); once a page loads and that works fine as well.
The new extension does not run in IE Tab though. Using IE Tab changes the URL to:
chrome-extension://IE_Tab's_extension_ID/nhc.htm#url=site_url
and nothing happens. Is there a way to run the extension within the IE tab extension? If anyone has an alternative idea as well I'm open to suggestions.
FYI, I ended up not doing much with IE tab or chrome. Placing a script into it's nhc.htm worked but ended up being slower and clunkier than my solution.
Instead I resorted to just using the old version of Chromium 44 (make sure it's Chromium, not chrome) and enabling the NPAPI in the chrome://flags/#enable-npapi. It's outdated tech, but really it's just there to occasionally run specific Java apps along with the new chrome extension, not replace their current browser.

Open browser not working in WebStorm

I use WebStorm 10.0.4 on Windows 7.
I have a single page Angular application that I am working on in WebStorm. Up to this point I have always been able to preview my built app in Chrome using WebStorm's "Open in Browser" feature.
This morning however, the problem started. Every time I try to open up my project's index file in the browser, the page becomes unresponsive and eventually Chrome prompts me to kill the page. I cant even open developer tools.
Anyone have any idea why this may be happening?

the script debugger failed to connect to the target process. Adebugger is already attached

Windonws 7 64-bit and VS2010
In F12 developer tools for IE11 on Windonws 7 64-bit and VS2010, when I click the Debugger tool icon or press Ctrl + 3 to open the tool, I'm not able to debug my java-script files.
When I click the Debugger tool icon, i'm presented with the message in the screenshot above & I can't see the javacsript files my current page calls, so I'm unable to debug my javascript code.
Any one knows why I could be getting this message? I have tried everything mentioned at the following link with out success. VS2010 and IE10 Attaching the Script debugger to process iexplore.exe failed
I was encountering this problem with VS 2012 & Win 7 and also VS2013 and Win8.1:
Perplexed for half a day, looking up things online, finally figured it out myself.
Learn the difference between these in Visual Studio: F5 vs (Ctr+Shift+W)
F5 will engage VS debugger and you will get the:
"The script debugger failed to connect to the target process. A debugger is already attached"
when using the F12 Developer Tool in I.E. 11 or whatever version.
However, if you use the V.S. command: View in Browser(Ctrl+Shift+W) this will run the script and allow I.E's script debugger(F12 Dev Tool) to engage and work.
The easier way for me was:
Run project(F5) in Firefox (or any other browser, not IE).
Copy adress.
Close Firefox (project will keep running, atleast did in myn).
Open IE and input address manually (ex: http://localhost:58100/) by pasting what you copied in '2.'.
IE Debugger should work at this point.
You should use ctrl+F5 instead of F5 so your application runs without debugging
I see this post is referred to Windonws 7 64-bit and VS2010, but I am using Windows 10 32 bit and VS Professional 2012 along with IE 11. I got the same message as shown in screenshot:
IE 11 Error message
How I resolved this problem(after starting Debugging):
went to debug tab in VS
then windows
select processes
There you will see two processes attached one will be "IIS" and second will be "IE.exe" with description "script". Detach the second one and then hit F12 in IE where your code is running.
When I did iisreset from command prompt, I could resolve this issue.
Open CMD in admin mode -> type IISRESET -> enter

Why does Firefox suddenly disable Javascript by itself?

I am using Firefox 28.0 on Mac OS 10.6.8. Sometimes during web development, probably after my application crashes, Firefox suddenly disables Javascript in one particular tab. So my application would be all weird and not work until I restart Firefox. The script panel would say that the page has no scripts, and if I open another page with Javascript in the same tab, it would not work either.
Is it some kind of safety feature? Is it documented anywhere? Note that I also have Firebug installed, and I managed to crash Firefox by profiling my app in Firebug on more than one occasion.
I checked about.config; javascript.enabled is set to true.

How can I debug a Firefox extension with Firebug?

I'm trying to use Firebug to debug a JavaScript file in an extension I've added to Fx 4.
Can anyone tell me how to do it? I can only see website scripts.
Use Chromebug it's firebug for extension development, witch will give you the full ability to inspect debug firefox it self and all firefox extension as if it's a webpage :)
1- install the latest version from here: http://getfirebug.com/releases/chromebug/
2- Winkey+R to open run then type firefox.exe -chromebug this will run firefox with chromebug
3- for more information visit http://getfirebug.com/wiki/index.php/Chromebug
Please see MDN - Building An Extension - Debugging Extensions, which shows what tools Firefox provides you with to natively debug extension, also take a look at Dive Into Greasemonkey - Debugging User Scripts (PDF, p.13) which is aimed more specifically at your request.
Other than that, see How to debug a Greasemonkey script with the Firebug extension?
On Firefox 19 or later, it's possible to use the built-in JS debugger on the browser itself. Go to about:config and set the following two prefs:
devtools.chrome.enabled: true
devtools.debugger.remote-enabled: true
After you restart the browser, you can access the Browser Debugger through Tools > Web Developer > Browser Toolbox.
(note that you must accept the incoming connection)
See more at: https://developer.mozilla.org/en-US/docs/Mozilla/Debugging/Debugging_JavaScript#JavaScript_Debugger
In the bottom right hand corner there should be a little Firebug icon. Single or double click to open then you see some tabs at the top. Click the "Console" tab for real time debugging, or the "SCript" tab to view the scripts that have been loaded. Note, you can also load CSS and HTML through Firebug, use the "Viewer" icon to view HTML code on the page in real time.

Categories