VIRTUAL BANK,TOOL HACKING,PAYPAL

<h2>
Web Development Evolved.</h2>
<div class="group" id="install">

<a href="https://getfirebug.com/downloads">Install Firebug</a>
        <span>for Firefox, 100% free and open source</span>
    <br />

<ul>
<li><a href="https://github.com/firebug/firebug">Source</a></li>
<li><a href="http://getfirebug.com/firebuglite">Firebug Lite</a></li>
<li><a href="http://getfirebug.com/wiki/index.php/Firebug_Extensions">Extensions</a></li>
</ul>
</div>
<div id="articleheader">
<img alt="" src="http://getfirebug.com/perch/resources/scriptpanel.png" /></div>
<div class="group" id="secondary">

<div class="group" id="content">
<h2 class="heading">
JavaScript Debugger and Profiler</h2>
<div class="article">

<div class="bigPara">
Firebug includes a powerful JavaScript debugger that 
lets you pause execution at any time and see what each variable looked 
like at that moment.  If your code is a little sluggish, use the 
JavaScript profiler to measure performance and find bottlenecks fast.</div>
<div class="section">

<img class="smallScreen" src="http://getfirebug.com/img/js/screenScript-listing.png" />
                <h3>
Find scripts easily</h3>
Many web applications are comprised of quite a number
 of files, and finding the one you want to debug can be a chore. 
Firebug's script file chooser sorts and organizes files into very clean 
list that will help you find any file in a snap. You can also type to 
filter the list.<br />

</div>
<div class="section">
                <img class="smallScreen odd" src="http://getfirebug.com/img/js/screenScript-breakpoint.gif" />
                <h3>
Pause execution on any line</h3>
Firebug allows you to set breakpoints, which tell the
 debugger to pause execution when it reaches a specific line. While 
execution is pause, you can see the value of any variable and inspect 
objects while time is frozen.<br />

To set breakpoints, just click on any line number, 
and a red dot will appear to indicate that the breakpoint is set. Click 
the red dot again to remove the breakpoint.<br />

</div>
<div class="section">
                <img class="smallScreen" src="http://getfirebug.com/img/js/screenScript-cond.gif" />
                <h3>
Pause execution, but only if...</h3>
Breakpoints can be troublesome if you find them 
breaking too often. Sometimes you only want to pause under very specific
 conditions. Firebug allows you to set conditional breakpoints, which 
check an expression that must be true for the breakpoint to pause.<br />

To set a conditional breakpoint, just right-click on 
any line number. A bubble will appear that prompts you to enter a 
JavaScript expression. You can right-click again at any time to change 
the expression, or left-click to remove the breakpoint altogether.<br />

</div>
<div class="section">
                <img class="smallScreen odd" src="http://getfirebug.com/img/js/screenScript-step.gif" />
                <h3>
One step at a time</h3>
Once the debugger is paused, you can continue 
execution one line at a time. This allows you to see exactly how 
variables and objects are effected when a particular line is executed.<br />

You can also choose to step execution for more than 
one line. From the context menu, choose "Run to this Line" to continue 
execution until it passes through the line you clicked.<br />

</div>
<div class="section">
                <img class="smallScreen" src="http://getfirebug.com/img/js/screenScript-breakerror.png" />
                <h3>
I break for errors</h3>
You don't always choose to use the debugger. 
Sometimes the debugger chooses you. Firebug gives you the option to 
break into the debugger automatically when an error occurs so you can 
examine the screwed up conditions that got you into trouble.<br />

</div>
<div class="section">

<img class="smallScreen odd" src="http://getfirebug.com/img/js/screenScript-stack.png" />
                <h3>
Stack traces unstacked</h3>
When the debugger is paused, Firebug shows you the 
call stack, which is the set of nested function calls that are currently
 running and waiting to return.<br />

The call stack is represented as a compact strip of 
buttons in the toolbar, each with the name of a function on the stack.  
You can click any button to jump to the line where that function is 
paused, and look at the local variables inside that function.<br />

</div>
<div class="section">
                <img class="smallScreen" src="http://getfirebug.com/img/js/screenScript-watch.png" />

<h3>
Watch expressions</h3>
While debugging, you often want to see the value of 
complex expressions or objects that are buried in the DOM.  Firebug 
allows you to type in arbitrary JavaScript expression whose value will 
be updated every time you step in the debugger.<br />

As you type in these expressions, don't forget that you can use the tab key to autocomplete the properties of objects.<br />

</div>
<div class="section">
                <img class="smallScreen odd" src="http://getfirebug.com/img/js/screenScript-tooltip.gif" />
                <h3>
Variable tooltips</h3>
While the debugger is paused, you can move the mouse 
over any variable in the current function to see a tooltip that reveals 
the value of that variable.  It's a great way to keep your eye on the 
code and find answers as you read.<br />

</div>
<div class="section">
                <img class="smallScreen" src="http://getfirebug.com/img/logging/screenLogging-profile.gif" />
                <h3>
Profile JavaScript performance</h3>
Your web app is almost perfect.  You've got all the 
bugs worked out, the artwork has been dropped in, and the users are 
loving it.  Only one problem - some of your features are a little bit 
sluggish and you're not sure why.<br />

With Firebug, you'll never again wonder why your code
 is slow.  Using the Firebug profiler, you can separate the tortoises 
from the hares within seconds.<br />

To use the profiler, just go to the Console tab and 
click the "Profile" button.  Then use your app for a bit or reload the 
page and then click the "Profile" button again.  You'll then see a 
detailed report that shows what functions were called and how much time 
each one took.<br />

</div>
<div class="section">
                <img class="smallScreen odd" src="http://getfirebug.com/img/whatisfirebug/screenScript-logcalls.gif" />
                <h3>
Logging function calls</h3>
Sometimes a problematic function is called so many 
times that you can't break into the debugger every time.  You just want 
to know when it's called and what parameters were passed in.<br />

To track all calls to a function, just right click on
 it in the Script tab and choose "Log calls to 'function name'".  Then 
hop over to the Console and watch the calls stream in.<br />

</div>
<div class="section">
                <img class="smallScreen" src="http://getfirebug.com/img/js/screenScript-linejump.png" />
                <h3>
Go directly to line 108, do not pass go</h3>
Often times you want to jump directly to a specific 
line of your script.  Doing this couldn't be easier, just type the line 
number into the quick search box, preceded by the pound sign, as seen in
 the screen shot on the right.<br />

</div>
<div class="section">
                <img class="smallScreen odd" src="http://getfirebug.com/img/js/BrowserGenereratedFunctions.png" />
                <h3>
Browser and <code>eval()</code> generated code</h3>
For various kinds of events Firefox generates small Javascript functions. These appear 
                in Firebug under the URL of the page they were generated from followed by <code>event</code> and with 
                a name derived from their source code. You can breakpoint these functions like any other. <br />

Similarly Javascript created by <code>eval()</code> calls appear in the list of files under the
                page URL that called <code>eval()</code>, with a source code summary for the name.<br />

</div>
<div class="section">
                <img class="smallScreen" src="http://getfirebug.com/img/js/screenScript-exeLines.png" />
                <h3>
Executable lines are marked</h3>
Firebug's Script panel is using green color for a 
line number if the related line is executable. This way you can always 
know where to create a breakpoint.<br />

</div>
<div class="section">
                <img class="smallScreen" src="http://getfirebug.com/img/js/screenScript-breakNotification.png" />
                <h3>
Break notifications</h3>
The debugger can halt JavaScript execution for many 
reasons. For example, the debugger can hit a standard script breakpoint,
 HTML breakpoint, XHR or error brakpoints, etc. To make sure the user 
understands the right reason a notification with details is displayed.<br />

</div>
<div class="section">
                <img class="smallScreen" src="http://getfirebug.com/img/js/screenScript-externalEditor.png" />
                <h3>
Open in external editor</h3>
Individual script files displayed by Firebug can be 
opened in external editors or IDEs. Firebug also allows to properly 
configure arguments such as line number, url, etc.<br />

</div>
</div>
</div>
<div id="links">
<h2 class="heading">
Links and Elsewhere</h2>
<div id="sidenav">
<h3>
What is Firebug?</h3>
<ul>
<li><a href="http://getfirebug.com/faq">Firebug FAQ</a></li>
<li><a href="http://getfirebug.com/wiki/index.php">Firebug Wiki</a></li>
<li><a href="http://getfirebug.com/enable">Enabling Firebug</a></li>
<li><a href="http://getfirebug.com/html">HTML Development</a></li>
<li><a href="http://getfirebug.com/css">CSS Development</a></li>
<li><a href="http://getfirebug.com/layout">CSS Layout</a></li>
<li><a href="http://getfirebug.com/network">Network Monitoring</a></li>
<li><a href="http://getfirebug.com/javascript">Javascript Debugging</a></li>
<li><a href="http://getfirebug.com/errors">Finding Errors</a></li>
<li><a href="http://getfirebug.com/dom">DOM Exploration</a></li>
<li><a href="http://getfirebug.com/commandline">Javascript Command Line</a></li>
<li><a href="http://getfirebug.com/logging">Javascript Logging</a></li>
<li><a href="http://getfirebug.com/cookies">Cookies</a></li>
</ul>
</div>
<div class="delicious-posts" id="delicious-posts-firebug">
<h2 class="delicious-banner sidebar-title">
Firebug around the web</h2>
<div class="delicious-posts" id="delicious-posts-firebugnews">
<ul>
<li class="delicious-post delicious-odd"><a class="delicious-link" href="http://www.softwareishard.com/blog/firebug-tips/" title="Learn more about Firebug features">Firebug Tips & Tricks</a> <div class="delicious-extended">
Learn more about Firebug features</div>
</li>
<li class="delicious-post delicious-even"><a class="delicious-link" href="http://www.softwareishard.com/blog/extending-firebug/" title="How to build an extension for Firebug">Extending Firebug</a> <div class="delicious-extended">
How to build an extension for Firebug</div>
</li>
<li class="delicious-post delicious-odd"><a class="delicious-link" href="https://twitter.com/#%21/firebugnews" title="Firebug news on Twitter">Follow us on Twitter</a> <div class="delicious-extended">
Firebug news on Twitter</div>
</li>
<li class="delicious-post delicious-even"><a class="delicious-link" href="http://getfirebug.com/wiki/index.php/Firebug_Extensions" title="List of Firebug extensions">Firebug Extensions</a> <div class="delicious-extended">
List of Firebug extensions</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>

Web Development Evolved. Install Firebug for Firefox, 100% free and open source Source Firebug Lite Extensions ...