New Javascript Debugger: FireBug
Jun 14, 2006I recently learned about a new Javascript Debugger called FireBug. From what I've heard, it's pretty good. Here's the link: Code:
View 4 RepliesI recently learned about a new Javascript Debugger called FireBug. From what I've heard, it's pretty good. Here's the link: Code:
View 4 RepliesI'm looking for a good javascript debugger.
View 3 Replies View RelatedAccording to the Sitepoint FAQs, most serious programmers debug their scripts by hand, but when my javascripts don't work , I like to be told why, the more explicitly the better.
I used to have NN4 and its debugging was fantastic (certainly more helpful than IE and Opera, although theirs aren't too bad). I was just wondering what other people think is the best browser/resource for debugging javascript. If it's Netscape, does this mean I have to download the whole browser, and does the debugging vary with version number? Which would be the best to get? (Note: I'm only interested in its debugging capabilities, not its quality as a web browser).
Is there a free JavaScript debugger available?
View 5 Replies View RelatedWhat debugger would let me see the HTML in a div after I've added HTML
to the div using its innerHTML? That is:
var someInputHtml = prompt("input html");
var referenceToSomeDiv = document.getElementById("someDiv");
referenceToSomeDiv.innerHTML = someInputHtml;
When debugging, how do I now see what HTML is in the div "someDiv"?
Maybe there is a FireFox extension for this? Firebug?
I would like to download debugger for javascript.
Since I works only with IE I thought of trying using the Microsoft Script
Debugger.
I found the following URL
http://msdn.microsoft.com/library/d...tml/sdbug_1.asp
My problem is that I can't find the URL to download the debugger.
Any other JS debugger that works well for IE ?
I finally got tired of doing:
alert('myVar: ' + myVar);
and
str='' for(i in someObject) str+=i+': '+someObject[i]+'' alert(str);
and put together a little debugger to take care of that.
I bet I'm not the first one, but when it comes to JS my motto is "If you want to do it right.
Anyhow here is the demo, you are welcome to view and use the source, just leave the credits...
This is a script that frequently keeps me from using bad words.
It loops through an object and returns its properties in text (for alert) or html format.
Usage:
_viewObj(obj[,instanceName[,type[,levels]]]);
Ex:
var obj = {id:3,arr:[2,3,"str",{prop1:2,prop2:""}],nr:3}
alert(_viewObj(obj));
document.write(_viewObj(obj,"obj","html"));
Parameters:
pValue: The object
pName: Instance name of the object. Default: "input"
pType: Which type to be return (text or html). Default: "text"
pLevels: The max amount of levels. Useful if an object references a parent. Default: infinite
Returns:
A string with the properties
function _viewObj(pValue,pName,pType,pLevels,pObj) {
function objExists(pCurr) {
for (var i=0; i<pObj.length; i++) {
if (pObj[i]==pCurr) {
return true;
}
}
return false;
}
pType = new String(pType).toLowerCase();
if (new String(pName) == "undefined")
pName = "input";
if (new String(pType).search(/html|text/i) == -1)
pType = "text";
if (pLevels == "undefined")
pLevels = -1; /* Infinite */
if (typeof pObj == "undefined")
pObj = [];
var str="";
if (typeof pValue != "function") { // No functions / methods - just values
var br=(pType == "text"? "
" : (pType == "html" ? "<br>" : ""));
if ((typeof pValue == "object" && !!pValue) && (pValue.length) && (!pValue.substring)) { // An array
try {
for (var i=0;i<pValue.length;i++) {
if (pLevels==0) {
str+=br+pName+"["+i+"]: "+pValue;
}else{
str+=""+_viewObj(pValue[ i ],pName+"["+i+"]",pType,pLevels-1,pObj);
}
}
} catch (e) {
str+=br+pName+": "+pValue+" (Not an array)";
}
} else if (typeof pValue == "object" && !!pValue && (!pValue.substring)){ // An object
try {
for (var prop in pValue) {
if (pLevels==0) {
str+=br+pName+"."+prop+": "+pValue;
}else{
if (typeof pValue[prop] == "object" && objExists(pValue[prop])) {
str+=br+pName+"."+prop+": [Parent Object]";
}else{
pObj.push(pValue);
str+=""+_viewObj(pValue[prop],pName+"."+prop,pType,pLevels-1,pObj);
}
}
}
} catch (e) {
str+=br+pName+": "+pValue+" (Not an object)";
}
} else{// if (typeof pValue != "object") { // Simple value
str+=br+pName+": "+pValue;
}
}
return str;
}
edit:
Avoiding never-ending loops by checking for parent objects.
Ex:
var parentObj={id: 2};
var test={id: 1,par: parentObj};
parentObj.tst=test;
Whenever I stop the IE script debugger it closes the browser window as well.
View 2 Replies View RelatedI have both firebug and venkman debuggers installed. Both seem to function yet neither works. I use firefox3.5.3., windows xp.
View 2 Replies View RelatedI'm pretty new to JS, used to be back-end guy with strong front-end skills (HTML, CSS), learning JS now and I have a huge problem.
I'm using Windows 7, coding mostly in NuSphere PhpED, but I see it doesn't work so well for JavaScript.
What's the best tool for JavaScript coding in Windows, maybe with built-in debugger (I hope there's something else than Firebug, Dragonfly etc.) with syntax coloring, and perfectly with a feature like this one
Maybe you do know the best syntax-help Windows editor for PHP too? (PhpED is not perfect IMO). Eclipse?
BTW - if there are any OSX based front/back-end webdevs - put screens of your editors features (JavaScript & PHP preferably). I'm thinking about switching to MAC, but haven't got cash for that at this moment (and I'm kind of Apple hater, however I believe in front-end field they have no contest).
Javascript issue: IE suggest bug but no code is reported in the debugger. Any ideas why IE doesnt find the broken code / or line
View 1 Replies View RelatedI have a javascript program that works fine under Firefox and on IE
when running XP, but is having a problem with IE running under Windows
2000 Pro.
On my personal XP development machine I have the Microsoft Script
Editor and I can set a breakpoint, step through code, inspect
variables, etc... with no problem.
On a machine where I am trying to debug this problem I am running
Windows 2000 Pro with IE 6. I installed the Microsoft Script Debugger.
When the program hits the exception the script debugger will come up
and show me the line where the error occurred.
I need to be able to inspect the variables to determine the problem.
However, from what I can tell, there isn't anywhere to inspect or watch
the variables in MSD?
I want to learn how to use firebug, but I can not find tutorials or material. Can someone please let me know, where can I find material for firebug ?
View 2 Replies View Relatedwhat do you use firebug for in connection with javascript?
Just want to explore new ways of using it.
Currently I use it to:
1. debug my scripts using console.log(), etc.
2. test small things in the built in 'live' console
I'm rookie when it comes to Ajax and jQuery an..The following url produces an xml-file that I want to use on my page:When I use firebug it seems like nothing comes back. What have I done wrong?
This is what my code looks like:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[code]....
I have firebug installed in my firefox browser, but I can't get console.log, console.debug or console.trace to work. My console window remains empty despite all my efforts. For example I have some code which throws up an alert box ( alert ('here is an alert') so I know 100% that it is being executed. If I now place the line
console.log("please log this to the console");next to it, nothing gets written to the console. I also have firephp installed and this is logging to the console for my php code absolutely fine
How is firebug used to test javascript?
View 1 Replies View Relatedhow I could use firebug to step through massive amounts of javascript that were written by someone else. I'm trying to figure something out for work which has me stumped.
An old co-worker wrote some scripts based on prototype to show input fields on a form when certain options were selected on the previous input fields. I'm trying to duplicate his old code but for some reason it's just not working. I can see that the reason those input fields aren't showing up is because display:none is being added on to the element by the js on the second step after the breakpoint (break on attribute change in firebug). This happens on the working page as well but the working page has about 10 more steps afterwards that eventually remove that style.
I founded a error in jQuery, with my code. I can't understand the origin of this error: b is undefined
gb=/,/;R=Array.prototype.slice;var Ia=...=0,e=this.length;f<e;f++){d=b.length;
There is the two files used:
scripts.js
/**
* Lollabot JQuery
* last update: 10/09/2010
[Code].....
I can't see the requests of the forms by firebug to debug. Does anyone know if have any option or any way to do this?
View 3 Replies View RelatedWhenever firebug detects a js error on a page, it prevents you from interacting with the page, so you can't scroll, you can't click, you can't do anything except close the window.
View 3 Replies View RelatedI'm trying to output things to the Console to track errors but everytime I try:
console.log(values);
it says "Console is not Defined"
I have a basic html page
Code HTML4Strict:
<!DOCTYPE html>
<html lang="en">[code]....
I'm downloading jQuery and specifying it using the src attribute on the scropt tag from http://code.jquery.com/jquery-1.6.2.min.js and i'm getting that error.I've tried downloading jQuery and saving it locally and that works. However if i use the CDN it's giving me that error on firebug.
Is there a trick (with javascript or something) that can change a hidden value on a page directly from the browser without using "Firebug" software? for example: <input type="hidden" name="something" value="something_else"> I need to change "something_else" to "something_else_2"
View 2 Replies View RelatedI am getting an error according to firebug of 'id_con is undefined'.i have made sure all entries are correct and i cannot see how to fix this error. how to correct this error.
The error is occuring on this line:
Code:
Code: