Overview
Firebug provides developers with a wealth of tools that integrate seamlessly with Firefox. This talk will explain how one can use Firebug to effectively debug front-end issues. Areas covered will include:
Walkthrough of Firebug and Built in Firefox dev tools
– Learn the basics of using these tools and understand their major differences
Inline HTML and CSS editing
– How to use these tools to debug HTML and CSS issues in realtime
Performance monitoring
– View statistics and detailed information to identify bottlenecks and slowdowns
– Using third party services such as yslow to identify performance problems
Realtime Javascript debugging
– Learn how to step through and debug the execution of a running javascript application
Advanced topics
– Mobile debugging for iOS with Safari
– User agent switching for mobile testing
– Extendability and plugins
