Firebug

Firebug extension for Firefox

The Firefox prayer

Our Firefox who art my browser, hallowed by they name; they Firebug please come; they will be done, in IE as in Firefox . Give us this day our daily browser traffic. And forgive IE (especially 6 and 7) its trespasses , as we have forgiven IE8 for theirs. And lead us not into IE9; but deliver us from IE 5, 6 and 7. For thine, oh mighty Firefox is the future, the market and the surfer's playground; for ever and never. Ahem! God is good...
  • Share This Post:
  • Share on Twitter
  • Share on Facebook
  • Share on Technorati
Posted On Thursday, July 09, 2009 10:43 AM | Feedback (0)

How to find out what is calling a Javascript function

Scenario: What is calling a Javascript function. You may have a situation where a function in your code (or anyone else's for that matter) that is loaded into a web page is being called many times, and although in the Firebug profiler you may see the function being called 1000 times, you want to know who is responsible for calling it. The problem: You may use the console.log in Firebug to do this, or even break in the function and step out of it to see who is calling it, but this may be difficult...
  • Share This Post:
  • Share on Twitter
  • Share on Facebook
  • Share on Technorati
Posted On Wednesday, July 08, 2009 9:18 AM | Feedback (0)

Keyboard shortcut to inspect an element in Firebug

Scenario: Inspect an element in Firebug, click the inspect button (or flashlight icon in the new version 1.4.0b5). The problem: But you want to do this with a keyboard shortcut. The solution: Ctrl+Shft+C Some concerns: With the number of extensions Firefox offers you may experience keyboard shortcut clashes, like for example with the CacheViewer which uses Crtl+Shft+C also. Firebug is a free Firefox extension. Ready to install? From several reponses received and from my own expreience since I upgraded...
  • Share This Post:
  • Share on Twitter
  • Share on Facebook
  • Share on Technorati
Posted On Wednesday, July 08, 2009 9:07 AM | Feedback (2)

How to set Firebug profiling programmatically

Scenario: You are using the profiler tab in Firebug that profiles everything, in stead you would rather profile one specific function. The solution: You can do this programmatically inside your function: function MyFunction() { console.profile('somename'); ... console.profileEnd('somenam... } Firebug is a free Firefox extension. Ready to install...
  • Share This Post:
  • Share on Twitter
  • Share on Facebook
  • Share on Technorati
Posted On Wednesday, July 08, 2009 9:00 AM | Feedback (0)

Firebug Console Quick Reference Guide

Firebug adds a global variable named "console" to all web pages loaded in Firefox. This object contains many methods that allow you to write to the Firebug console to expose information that is flowing through your scripts. console.log(object[, object, ...]) Writes a message to the console. You may pass as many arguments as you'd like, and they will be joined together in a space-delimited line. The first argument to log may be a string containing printf-like string substitution patterns. For example:...
  • Share This Post:
  • Share on Twitter
  • Share on Facebook
  • Share on Technorati
Posted On Thursday, July 02, 2009 11:48 AM | Feedback (0)

Firebug Network Monitoring Quick Reference Guide

Network Monitoring Your web app on the server has plenty of tools and ways to measure performance, as well as tools like SQL-Server Profiler for SQL databases. But how do you trace, track and debug client-side code interactively? The use of alerts has been useful but does not support an interactive way for you to interact with the web-page on the fly. To make matters worse, even if you place some traces into your js code to help find the slow functions, etc, network latency may be another cause of...
  • Share This Post:
  • Share on Twitter
  • Share on Facebook
  • Share on Technorati
Posted On Thursday, July 02, 2009 11:32 AM | Feedback (1)

Twitter