Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 11 months ago.
Improve this question
I am stuck with one task now. Requesting your help on this.
Description :
There is a functionality written in purely javascript - but with lack of performance.
Its taking more than 3.5 seconds to complete the workflow.
Of cource, Its includes a lot of DB calls & functionalities and loops.
This set of codes written by long years ago, so i am not aware of any functionality much on that.
Question :
Are there any (free) tools available to trace how many times functions getting called and how much time its taking? (Like DotTrace for .Net)
Note : using IE 6.0 & Our product is very huge will not support firefox.
Thanks
Karthik
You shoud try the dynaTrace Ajax IE profiler. Its awesome product (and free).
Check out the JQuery author john resig's review about this tool
Have a look at Jiffy: http://justtalkaboutweb.com/2008/06/25/extensions-for-firebug-yslow-and-jiffy/
If you can afford to buy a product then look at: http://www.softwareverify.com/javascript/profiler/index.html
Another one that comes to mind is http://research.microsoft.com/en-us/projects/ajaxview/
I never heard of pure Javascript calling directly a DB unless u mean it's using XML requests to call server and this last one performs the DB calls.
Anyway a well known tool to profile Javascript is Firebug. You can go on using your website and application with IE6 if you like, but to profile it I would stringly suggest using Firebug.
Download Firefox and than install the Firebug plugin
Profile your Javascript code on Firefox and try to fix the poorly performant parts.
Once you have done it's highly probable that your code will also run faster on IE6.
You can try the "Log calls to 'function name'" on Firebug plugin
If you're like me and not isolated to IE, then it may be helpful to know that there are profilers available in both Chrome and Safari's Web Inspector tool as well as Firebug. In Webkit, click the Profile tab. In Firebug, the profiler is available through the Console tab.
The firebug plugin mentioned in some of the older answers no longer exists. It has been replaced by Firefox's Developer tools.
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I use MDN as my Javascript and CSS reference. Considering that the creator of the Javascript language works at Mozilla, I assume this is the best reference. However, every now and then I hear about new features that are available in Google Chrome but Firefox doesn't have them yet. It makes me wonder:
Where and how these new specs are announced?
For the things that are similar between Chrome and Firefox, is it safe to assume that Chrome follows Firefox standards? I get the impression that Chrome's main aim is to be a faster Firefox (?) and that's why it doesn't have a vast wiki like Firefox.
If I'm developing for Chrome (let's say making Chrome apps for example), can I rely on Firefox's MDN as a reference? I couldn't find something equivalent to MDN for Chrome.
I'll mark the best reply as answer. Thanks for sharing your knowledge.
All modifications are announced in the google chrome release blog.
As far as I see it, chrome isn't just a faster Firefox. It's a different browser altogether, that provides, in my view, much better user customization (as seen in things like themes) as well as having a developer base which provides some really good extensions. As to the wiki, chrome is considerably newer, however, it provides some really good user support via chrome support.
AFAIK, spidermonkey (Firefox) and v8 (chrome) engines are reasonably similar in terms of javascript, so you should be alright just using MDN. There's a webmaster.SE thread about the issue here.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I am interested to know the best way to develop en JS. If I could get a list of tools for developing and debugging in JS. I am not sure if there. Currently, I am using:
Sumariing :)
Notepad++
JLint N++ pluggin
Chrome web inspector
WebStrom
Sublime Text 2
NetBeans 7.3
Dreamweaver
Development Tools are always going to be subjective, but my current setup is:
Visual Studio 2010 - The express edition is free and still supports javascript intellisense.
WebStorm by JetBrains - There's a paid version thats amazing.
Firebug Incredibly useful for debugging
Fiddler Web Proxy - Incredibly useful for debugging
You might also want to check out this list from Scott Hanselman: Ultimate Developer and Power Users Tool List for Windows
Try NetBeans 7.3
Project Easel: HTML5 Application Development
HTML5 Application project with JavaScript testing support
JavaScript Editor significantly improved
Page inspector and visual CSS style editor
JavaScript Debugger
Embedded WebKit browser; deep integration with Chrome
http://netbeans.org/community/releases/73/
Depending on what other languages you are using, your IDE may have JavaScript support.
I am using JetBrains PHPStorm to write PHP and the JavaScript support is excellent as it pre-compiles to check your code and give you intillisense.
This is a feature in many IDEs and it can really improve productivity as you will catch errors much earlier in your workflow.
I use Vim + jslint plugin + javascript syntax, I also installed ctags which is very useful to switch between different functions.
snippets is also a very useful vim plugin.
I find Webstorm to be the best but if you want free and open source try Eclipse. Also, firebug seems to work better than chrome debugger since you can install add-ons on firebug such as firecookie and many more.
Dreamweaver is also pretty good
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
Context
I am trying to understand the internals of a big, hairy JavaScript library.
I already have the un-minified version.
JavaScript's dynamic-ness is making it hard for me to guess what is happening by just reading the code.
I want something like gdb ... where I can "step" through each individual JavaScript function / line of code.
Question:
What browser (Safari? Firefox? Chrome?) should I be using, and with what plugin?
Thanks!
Use the Chrome Developer Tools. A debugger and a profiler are included.
And when you just want to know what's inside an object, use console.log(obj) : you'll see its content in a property tree. As there are many tools, I suggest you completely read the official documentation : using them correctly really makes a big difference in your productivity.
A similar tool is now present in Firefox (you had to use Firebug before) but Chrome is more used, partly because of its more powerful js engine (V8).
IE starts to include such a toolset, but it's really poor and painful to use for now (I guess this will change).
there is a developer tool in every modern browser these days. press F12 OR ctrl+shift+k on the browser window to get one.
you can set breakpoints and use immediate console to analyse the code
You could get FireBug for Firefox.
For debugging i would use Firefox's Developer tools->Error console to check the errors first. Yes, i Use firebug for more advance debugging. But i solve most of my problems by looking at the error console.
“Simplicity is the ultimate sophistication.”
- Leonardo da Vinci
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
I would like to use an online tool to work remotely with people to do Javascript learning and testing exercises.
The solution could be a shared, public Javascript console.
Does such a thing exist? I have seen http://jsfiddle.net. This works ok, but we have to keep updating our URL every time the other person changes code so it is not real-time and requires an update step on both sides.
I think a low-feature real-time shared console would be a pretty trivial solution to build. I'm thinking of building it myself if it doesn't exist, but I wanted to check first and see if anyone has heard of something like this.
Here are some links for you:
Collabedit, Online Code Editor http://collabedit.com/
Stypi, a realtime editor https://www.stypi.com/ (not about coding)
ShareJS, Live concurrent editing in your app. http://sharejs.org/ (not about coding)
Tutti, Test Javascript on different browsers simultaneously http://tuttijs.com/ (not collaborative ?)
Bonus: a JS console for mobile http://jsconsole.com/
Hope you'll find something useful in there :)
This answer is 3 years late, but should help if you are still checking this post. JSFiddle now has collaboration mode - it allows you to voice chat and IM, while editing together. Just click the button in the header and set it up!
http://jsfiddle.net#collaborate
http://syncfiddle.net/ is exactly what you're looking for. Simple clean interface that syncs real-time, but also functions as well as any other site out there. But be careful to save your code, it seems to delete your code after enough inactivity.
Almost two years later, a few great alternatives exist. The real-time enhancements to jsfiddle and plunkr are great, but for this use case, I haven't found any easier than Coderpad. It's marketed for doing code interviews and saves a history. Has JS/Coffeescript/Ruby/Java and more.
Try
http://jsbin.com/
http://jsconsole.com/
JSBin is very close to what your looking for. provides HTML, CSS, JS and Console code practices.
JSConsole on the other hand is very simple only used for console coding ofcourse.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
what tools do you use for writing jquery code and testing/debugging your code?
The Firebug plugin for firefox is essential - it lets you:
Debug your code (step into, out, etc)
Set watch variables and expressions
See contents of all requests and responses, as well as all content received
Time to download each resource
Inspect and modify the DOM, including viewing the DOM after it has been dynamically modified by JavaScript
And much more!
There are also debuggers available for Internet Explorer and other browsers, but none are quite as powerful as firebug.
Depending on the language, there are other resources available for debugging server side code that come in quite handy, too. But that is another question...
jsFiddle is very handy for quick snippet debugging. There are competitors such as jsbin, but fiddle remains my favorite, even though it's only in alpha at the moment.
Of course I think Chrome's developer tools and FireBug/Web Developer for Firefox are tremendously helpful as well...each tool has it's area that it helps with.
Lastly, let's not forget: the jQuery API itself, a tremendous resource for information.
Google Chrome Developer Tools are really powerful.
Also great for debugging CSS and HTML issues. The DOM highlighting is really handy.
Aptana might be what you are looking for. It has support for jQuery, debugging and also CSS, html and ruby, and is generally very nice to work with.
even if it is funny, I find IE 8 dev tools very convinient for js debug
console.log(); is your friend. Pick up its output with Firebug for Firefox, or the built-in consoles in the developer tools in Safari and Chrome (IE no help as usual).