How to use Firebug addon for Mozilla Firefox Browser

  1. Previous
  2. Next
  3. Recent

    1. Signs 'He' May be Cheating on You
    2. 7 Vows of Hindu Marriage - Know What 'Saat Vachans' Mean
    3. RuPay vs Visa vs Mastercard vs American Express- A Comparison
    4. What is RuPay? Everything You Need to Know About India's Domestic Payment System!
    5. Top 10 Online Portals to Find a High Paying Job in India
    6. Top Indians who Revolutionized the IT Sector in India
    7. 8 Initiatives by Narendra Modi that Could Change the Future of the Nation
    8. 8 Work-from-home Jobs for Housewives, Students, and Part timers
    9. Complete Company Registration Process in India - Explained
    10. Change Name in India in 5 Steps - Filing Affidavit, Newspaper Ad & Gazette Notification

Once you have downloaded and installed Firebug to Mozilla browser, its time to see how it works. Below is stepwise instructions showing how you can replace Google logo using Firebug addon for Mozilla Firefox with just a minor alteration in the DHTML coding.

  1. Once we are on Google.com, right click to see ‘Inspect Element’.right click to see inspect element for firebug mozilla addon
  2. Click on ‘Inspect Element’ to see a bar popping up. This is Firebug editor where we make changes that would be visible on the webpage. Here is how Firebug looks like,make changes to webpage using firebug mozilla addon
  3. We will now replace the Google logo with yourRavi logo. For this we require location of yourRavi logo to put in place Google logo’s location.firebug in mozilla firefox examplemozilla firefox addon firebug tutorial
  4. Once we have copied the URL of yourRavi logo its time to replace Google logo using Firebug. Click on ‘background’ property of stylesheet file and paste URL of yourRavi logo in place of ‘images/srpr/logo3w.png’.paste the yourravi logo code to firebug firefox editor
  5. After adding the code, click on the webpage and voila! we’ll get,using firebug we have replaced the google logo
  6. You can see Google logo replaced by yourRavi logo using Firebug Mozilla extension. However, this change is only temporary but it’s enough for web developers to extract an idea and fun for novice like your and me.
    using firefox addon firebug we changes google logo
blog comments powered by Disqus