Create Javascript Debugger - javascript

I want to create my own javascrip debugger using V8 debugger in eclipse. But i am not getting any document about the V8 debugger or any Source code for v8 debugger. i have my own browser. i want to create one Javascript debugger which debug the .js code remotely. And same debugger i want connet with my own browser. So what can i use for creating debugger in eclipse. can i use v8 debugger as base for my debugger or any other idea i have to use for that.
Thanks for your support

Just out of curiosity - why reinvent the bicycle? FireBug has arguably the best free javascript debugger available

Related

JavaScript standalone IDE without browser?

So I have been looking for an IDE that allows me to run JavaScript just like Eclipse/VS would allow me to write Java/C#. I want to write some code and see the output on the console (possibly within the IDE itself), without having to open the browser. I know you can run JS programs from command line using node file.js. But I'm trying to avoid having to do that every time. I want to press a run button and see the results on the console. Is there something already out there. Can I configure my IDE in certain way to achieve that? Thanks in advance.
Take a look at Atom https://atom.io/ for the editor with embedded console and excellent JavaScript support (actually it's a browser inside).
Try Visual Studio Code, it is open source and free.
https://code.visualstudio.com/docs/runtimes/nodejs
Try this:
Is there a javaScript engine where I can run my code without being forced to use a browser?
A lot of alternatives of command-line and engines to try js without the need of a browser.
You can debug browser js with any jetbrains IDE, however I find chrome to be much better for debugging browser code than the jetbrains plugin. You can easily debug node by editting your debug configurations in any jetbrains IDE. Just download the node plugin https://www.jetbrains.com/help/idea/2016.1/running-and-debugging-node-js.html

How to enable embedded javascript debugger in SWT browser?

I want to embed a JavaScript debugger in a SWT browser.
I'm using the SWT.MOZILLA flag for creating the browser. Since the JavaScript application I'm loading is complex, I need to have some JS debugger (any is suitable: firebug, venkman).
So, is there any way to embed a JS debugger in a browser widget?
I've heard about firebug-lite, but I don't know how to configure it in SWT. Could you give some working example?
See my answer on Using Firebug Lite in SWT Browser. The code snippet works with XULRunner 10.0.2 and Eclipse 4.2.
Output for XULRunner
http://getfirebug.com/firebuglite
Guess that you should try to add the firebug code to your script tag

Is it possible to hit a breakpoint set in a javascript file with visual studio while using Firefox?

I tried setting a breakpoint in visual studio in a JavaScript file and i get a message when i hover on the breakpoint, which is:
"The breakpoint will not currently be hit. The document is not loaded."
I am using firefox. Is it possible to hit the breakpoint and how?
No; Visual Studio's Javascript debugger only supports IE.
You should use the Javascript debugger in Firebug.
No.
Javascript Debugging in Visual Studio hooks in to the IE Script engine to hit breakpoints. As far as I know, there's no Firefox extension to allow VS to hook in to Mozilla's Javascript Engine.
You could always download Firebug, set breakpoints there, and debug Javascript using that.
No ... for firefox debugging of javascript, use firebug

Dreamweaver JavaScript debugger

Does Dreamweaver CS 3 have a JavaScript debugger?
The only information on anything close is that it says I need to click on the
'preview/debug in browser' button which does open the page, but no debugging ever happens when the page has an error. I also see no way to set breakpoints or walk through the code.
MS Visual Web Developer (Visual Studio Express - which is free) has a debugger that you can attach to a process. So even if you are not developing in it, you can debug the JavaScript in any browser. It also has a very rich variable watch that allows you to drill down through all the decendants of an object for its respective values. I was hoping that Dreamweaver could at least match Visual Web Developer...
What is the experience using the Visual Studio debugger tools with non-Internet Explorer browsers?
Dreamweaver has no effective built-in debugger.
Firebug works great with non-Internet Explorer browsers
Visual Studio tools work great with ID browsers
What is the one that works well across the board?
Debuggers are specific to a particular interpreter/compiler, not to a language. The same language - in this case, JavaScript - can have more than one interpreter/compiler. In particular, each browser has their own.
So to debug JavaScript in Internet Explorer, you need an Internet Explorer debugger - either the one built into Internet Explorer, or one of the Visual Studio flavours. To debug JavaScript in Chrome, use Chrome's debugger. To debug JavaScript in Firefox, use Firebug. (And so on.)
There is nothing native to Dreamweaver that handles debugging JavaScript, but there are several other options out there for free.
The Firebug add-on for Firefox allows you to set breakpoints and step through JavaScript. Download and play with that, and you should find what you need. Here is a brief tutorial hitting on your points: Debug Javascript with Firebug
I solved most JavaScript problems using the Error Console in FireFox. I never got Dreamweaver's to work.
I agree with CheGueVerra, defenitively the best debugger is the "error console" in Firefox. If you want to make it even better, just download the Firefox Add-on ConsoleĀ². All you need to debug JavaScript code is there.
You can also use Firebug, which is in my opinion the best JavaScript debugger for Firefox even if there are still some issues sometimes (refer to my post a few days ago, Stack Overflow question Firebug debugger not working in Firefox 3.x?).
I assume you're looking for something where you can attach breakpoints and such... Well, without echoing the others (this can be done in Firebug), do try Aptana Studio. It can be run like a plugin on Eclipse and can be used to debug JavaScript.

Debug JavaScript in Eclipse

How can I debug JavaScript in Eclipse. I am using Eclipse 3.2.1. Everytime I click on the side it gives the option for adding bookmark but no break point.
Could anyone assist me on this?
In 2015, there are at least six choices for JavaScript debugging in Eclipse:
New since Eclipse 3.7: JavaScript Development Tools debugging support. The incubation part lists CrossFire support. That means, one can use Firefox + Firebug as page viewer without any Java code changes.
New since October 2012: VJET JavaScript IDE
Ajax Tools Framework
Aptana provides JavaScript debugging capabilities.
The commercial MyEclipse IDE also has JavaScript debugging support
From the same stable as MyEclipse, the Webclipse plug-in has the same JavaScript debugging technology.
Adding to the above, here are a couple of videos which focus on "debugging JavaScript using eclipse"
Debugging JavaScript using Eclipse and Chrome Tools
Debugging JavaScript using Eclipse and CrossFire (with FB)
Outdated
The Google Chrome Developer Tools for Java allow debugging using Chrome.
I don't believe Eclipse has a JavaScript debugger - those breakpoints are for Java code (I'm guessing you are editing a JSP file?)
Use Firebug to debug Javascript code, it's an excellent add-on that all web developers should have in their toolbox.
I'm not a 100% sure but I think Aptana let's you do that.
I tried to get aptana running on my ubuntu 10.4. Unfortunately I didn't succeed. Chrome on the other hand, has an eclipse plugin that lets you debug javascript that's running in a chrome instance. Works very well.
YOu'll have to install the eclipse plugin you'll find here:
http://code.google.com/p/chromedevtools/
Set Breakpoints in the javascript sources you edit in eclipse and browser your page in chrome. As soon as a javascript breakpoint is hit, the eclipse debugger halts and lets you step into, step over, browse the variables etc. Very nice!
JavaScript is executed in the browser, which is pretty far removed from Eclipse. Eclipse would have to somehow hook into the browser's JavaScript engine to debug it. Therefore there's no built-in debugging of JavaScript via Eclipse, since JS isn't really its main focus anyways.
However, there are plug-ins which you can install to do JavaScript debugging. I believe the main one is the AJAX Toolkit Framework (ATF). It embeds a Mozilla browser in Eclipse in order to do its debugging, so it won't be able to handle cross-browser complications that typically arise when writing JavaScript, but it will certainly help.
Use the debugging tools supported by the browser. As mentioned above
Firebug for Firefox
Chrome Developer Tools from Chrome
IE Developer for IE.
That way you can detect cross-browser issues. To help reduce the cross-browser issues, use a javascript framework ie jQuery, YUI, moo tools, etc.
Below is a screenshot (javascript-debug.png) of what it looks lime in Firebug.
1) hit 'F12'
2) click the 'Script' tab and 'enable it' (if you are already on your page - hit 'F5' to re-load)
3) next to the 'All' drop down, there will be another dropdown to the right. Select your javascript file from that dropdown.
In the screenshot, I've set a break-point at line 42 by 'left-mouse-click'. This will enable you to break, inspect, watch, etc.
It's possible to debug JavaScript by setting breakpoints in Eclipse using the AJAX Tools Framework.
MyEclipse (eclipse based, subscription required) and Webclipse (an eclipse plug-in, currently free), from my company, Genuitec, have newly engineered (as of 2015) JavaScript debugging built in:
You can debug both generic web applications and Node.js files.
For Node.js there is Nodeclipse 0.2 with some bug fixes for chromedevtools

Categories