I know that there is a varity of HTML5 debuggers (such as in Dreamweaver), a vareity of JavaScript (such as JSLint), and CSS debuggers (such as Firebug), but is there a single program that will debug my HTML5, JS, and CSS? And is it free?
I know that there is a varity of HTML5 debuggers (such as in Dreamweaver), a vareity of JavaScript (such as JSLint), and CSS debuggers (such as Firebug), but is there a single program that will debug my HTML5, JS, and CSS? And is it free?
Share Improve this question asked Dec 15, 2010 at 0:49 PaulPaul 1452 silver badges11 bronze badges 1- 4 You would be better rephrasing that question as: "Is there an integrated development environment (IDE) that contains a javascript and CSS debugger for my HTML5, JavaScript and CSS projects?" – Arafangion Commented Dec 15, 2010 at 0:54
6 Answers
Reset to default 10- Firebug for Firefox http://getfirebug./
- Developer tools for IE8 http://blogs.msdn./b/ie/archive/2008/03/07/improved-productivity-through-internet-explorer-8-developer-tools.aspx
- Chrome Developer tools http://code.google./chrome/devtools/
They all let you debug JS, examine CSS and HTML, and they are all free.
I prefer those over IDE built-in debuggers since they are usually implemented using firefox and you're out of luck if you have a webkit/IE problem. Maybe one day, IDEs will let you debug using any browser, until then, I use the IDE just for editing the code. Yeah, I know, not nearly as integrated, but that's all we have for now.
For stuff like this I just use the built in tools in Chrome, or Firebug in Firefox if you swing that way. This is very handy for debugging JS and CSS, not sure about HTML5 though.
You might like WebStorm from JetBrains. It's not free, but the fee is nominal.
Microsoft Visual Web Developer express could help with all of this functionality and is free.
In Google Chrome you can just right click, Inspect Element and then click
I just released a tool that allows you to visualize your HTML / CSS layout just by moving the mouse. It doesn't do it all, but its easy and its great for viewing layout problems.
HTML Box Visualizer - GitHub