{"id":156,"date":"2011-05-14T17:40:13","date_gmt":"2011-05-15T03:40:13","guid":{"rendered":"http:\/\/mymonkeydo.com\/?p=156"},"modified":"2020-05-03T16:27:08","modified_gmt":"2020-05-04T02:27:08","slug":"firebug","status":"publish","type":"post","link":"https:\/\/mymonkeydo.com\/firebug\/","title":{"rendered":"Firebug"},"content":{"rendered":"

I don’t know how I used to develop web pages before Firebug. \u00a0It is the single best tool you can have when debugging a webpage. \u00a0If something doesn’t look right I open Firebug and find out what styles are being inherited. \u00a0If some javascript functionality is not working I open Firebug and enter debug statements. \u00a0 If some ajax call is messing up and the page isn’t showing the response correctly, I open Firebug.<\/p>\n

Installation<\/h2>\n

The best thing about Firebug is how much time it saves you on debugging. \u00a0Even better than it being free. \u00a0That’s a lot considering how I watch my money<\/a>. \u00a0 I only use Firebug with Firefox. \u00a0It can be downloaded at\u00a0https:\/\/addons.mozilla.org\/en-us\/firefox\/addon\/firebug\/. \u00a0What’s good is that it’s available on both Mac and PC. \u00a0 Just click on the Add to Firefox button and it’s mostly done for you. \u00a0That easy. \u00a0A firebug was also developed for IE but I haven’t tried it recently. \u00a0I tried it a couple years ago and it didn’t help me very much so I stuck with just using the Firefox one.<\/p>\n

CSS<\/h2>\n

When you need to see why an item on a webpage is not showing as its supposed to you can right click on it and select “Inspect Element”. \u00a0Doing this opens up the firebug window and it will tell you exactly what styles are being applied to it and what styles have been overwritten. \u00a0You can even change the values of anything you want to see the outcome in real-time.<\/p>\n

Javascript<\/h2>\n

Browsers can tell you the last error code that happened, but firebug can let you watch expressions, look at the stack, insert breakpoints, and print out statements in the console.<\/p>\n

Request \/ Response<\/h2>\n

Any and all requests to the server can be inspected on the Net tab. \u00a0You can see each javascript include file, each image, each ajax request. \u00a0This means that if an ajax call goes wrong, you can inspect the parameters that were sent and the response the page got back from that request. \u00a0It makes debugging a breeze.<\/p>\n

Firebug can be downloaded here:\u00a0http:\/\/getfirebug.com\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[7],"tags":[17,18,21,31,39],"yoast_head":"\nFirebug - My Monkey Do<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mymonkeydo.com\/firebug\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Firebug - My Monkey Do\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mymonkeydo.com\/firebug\/\" \/>\n<meta property=\"og:site_name\" content=\"My Monkey Do\" \/>\n<meta property=\"article:published_time\" content=\"2011-05-15T03:40:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-04T02:27:08+00:00\" \/>\n<meta name=\"author\" content=\"Webhead\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Webhead\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mymonkeydo.com\/firebug\/\",\"url\":\"https:\/\/mymonkeydo.com\/firebug\/\",\"name\":\"Firebug - My Monkey Do\",\"isPartOf\":{\"@id\":\"https:\/\/mymonkeydo.com\/#website\"},\"datePublished\":\"2011-05-15T03:40:13+00:00\",\"dateModified\":\"2020-05-04T02:27:08+00:00\",\"author\":{\"@id\":\"https:\/\/mymonkeydo.com\/#\/schema\/person\/b16fc650a8c182faaac896bab099b829\"},\"breadcrumb\":{\"@id\":\"https:\/\/mymonkeydo.com\/firebug\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mymonkeydo.com\/firebug\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mymonkeydo.com\/firebug\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mymonkeydo.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Firebug\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mymonkeydo.com\/#website\",\"url\":\"https:\/\/mymonkeydo.com\/\",\"name\":\"My Monkey Do\",\"description\":\"A Log of Coding Solutions\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mymonkeydo.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/mymonkeydo.com\/#\/schema\/person\/b16fc650a8c182faaac896bab099b829\",\"name\":\"Webhead\",\"url\":\"https:\/\/mymonkeydo.com\/author\/corey\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Firebug - My Monkey Do","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mymonkeydo.com\/firebug\/","og_locale":"en_US","og_type":"article","og_title":"Firebug - My Monkey Do","og_url":"https:\/\/mymonkeydo.com\/firebug\/","og_site_name":"My Monkey Do","article_published_time":"2011-05-15T03:40:13+00:00","article_modified_time":"2020-05-04T02:27:08+00:00","author":"Webhead","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Webhead","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mymonkeydo.com\/firebug\/","url":"https:\/\/mymonkeydo.com\/firebug\/","name":"Firebug - My Monkey Do","isPartOf":{"@id":"https:\/\/mymonkeydo.com\/#website"},"datePublished":"2011-05-15T03:40:13+00:00","dateModified":"2020-05-04T02:27:08+00:00","author":{"@id":"https:\/\/mymonkeydo.com\/#\/schema\/person\/b16fc650a8c182faaac896bab099b829"},"breadcrumb":{"@id":"https:\/\/mymonkeydo.com\/firebug\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mymonkeydo.com\/firebug\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mymonkeydo.com\/firebug\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mymonkeydo.com\/"},{"@type":"ListItem","position":2,"name":"Firebug"}]},{"@type":"WebSite","@id":"https:\/\/mymonkeydo.com\/#website","url":"https:\/\/mymonkeydo.com\/","name":"My Monkey Do","description":"A Log of Coding Solutions","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mymonkeydo.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/mymonkeydo.com\/#\/schema\/person\/b16fc650a8c182faaac896bab099b829","name":"Webhead","url":"https:\/\/mymonkeydo.com\/author\/corey\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/posts\/156"}],"collection":[{"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/comments?post=156"}],"version-history":[{"count":0,"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/posts\/156\/revisions"}],"wp:attachment":[{"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/media?parent=156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/categories?post=156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/tags?post=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}