Firebug 1.5: Editing, Debugging, and Monitoring Web Pages

Book Description

Arm yourself to destroy UI and JavaScript bugs

• Expand your toolkit by learning to use Firebug to help you monitor, debug, develop and edit web pages on the fly
• Create your own Firebug extensions and learn about popular third-party extensions
• Covers JavaScript, AJAX, and CSS development
• Covers all of Firebug’s features
• Clear explanations with easy-to-follow examples of HTML and JavaScript

In Detail

With the advent of RIA (Rich Internet Applications), most web pages are driven by a combination of JavaScript, AJAX, CSS, and so on. Web developers and designers find it hard to debug and fix the issues that crop up on the client side. Firebug is a wonderful toolkit to have in your arsenal for handling all such issues. This book covers all of Firebug’s features and will help you utilize its capabilities with maximum efficiency. AJAX development and debugging is not one of the easiest tasks; this book explains step-by-step, how to develop and debug AJAX components in your web page in a very easy way, thereby increasing your productivity. Topics like performance tuning of the web page are covered in detail.

This book discusses how to become more efficient in various aspects of web development by using Firebug. It is a very easy-to-understand, step-by-step guide that explains all the features of Firebug with concise and simple examples. With this book in hand, you will be able to deal with the painful areas of web development like JavaScript and AJAX debugging using Firebug.

The book takes you from the basics of Web Development like editing HTML and CSS on the fly to advanced features like AJAX, JSON, Monitoring, and Performance Tuning of web pages. It assumes that you have some very basic knowledge of HTML and JavaScript. For those of you with a sound knowledge of these technologies, this book can help you increase your productivity by using Firebug effectively, taking full advantage of its rich and powerful features and the console API. Towards the end, the book explains how to create your own powerful extensions for the Firebug community.

This practical guide will equip you with the skills to edit, debug, and monitor web pages using Firebug

What you will learn from this book

• Explore Firebug’s tabs and their functions
• Understand how to use Firebug to inspect, edit, search, and play with the HTML source of the document
• Get to grips with useful tools and utilities provided by Firebug for CSS development
• Learn the command-line API and console API of Firebug and debugging JavaScript
• Modify the values of properties and constants of any DOM object using Firebug
• Discover various ways to analyze the performance of your web application on the browser
• Learn how to track XmlHttpRequest and Response as well as debugging AJAX calls
• Tips and tricks to experiment with the features that Firebug provides
• Explore Firebug extensions like YSlow, FireCookie, and Page Speed that are useful for development and Performance tuning
• Develop a Firebug extension and learn how to set up a development environment, file, and directory structure for it

Approach

A step-by-step description of each key feature is provided with the help of simple, easy-to-understand examples. There are plenty of useful screenshots in each chapter. Every chapter contains information as well as tips and tricks to draw your attention towards some useful information or reference. Each aspect of web development like CSS or JavaScript is handled independently so that you can refer to those modules in which you are interested.

Who this book is written for

This book is written for frontend web developers building software and pages using HTML, CSS, JavaScript, and AJAX, who want to learn Firebug for the reasons outlined above. The book assumes that readers have a very basic knowledge of HTML, JavaScript, and CSS. The examples in the book can be understood by someone who has just been introduced to web development.

中文：

书名：FireBug 1.5：编辑、调试和监控网页

武装自己消灭用户界面和JavaScript错误

• 通过学习使用Firebug来帮助您动态监控、调试、开发和编辑网页，从而扩展您的工具包
• 创建您自己的Firebug扩展并了解流行的第三方扩展
• 介绍了JavaScript、AJAX和CSS开发
• 涵盖Firebug的所有功能
• Clear explanations with easy-to-follow examples of HTML and JavaScript

详细地说

随着RIA(Rich Internet Applications，富互联网应用程序)的出现，大多数Web页面都是由JavaScript、AJAX、CSS等的组合驱动的。Web开发人员和设计人员发现很难调试和修复客户端突然出现的问题。FireBug是一个很棒的工具包，可以用来处理所有这些问题。这本书涵盖了Firebug的所有功能，并将帮助您最大限度地利用其功能。AJAX开发和调试不是最容易的任务之一；本书逐步介绍了如何以非常简单的方式开发和调试网页中的AJAX组件，从而提高您的工作效率。详细介绍了网页的性能调优等主题。

这本书讨论了如何通过使用Firebug在Web开发的各个方面变得更加高效。这是一本非常容易理解的循序渐进的指南，用简洁简单的例子解释了Firebug的所有功能。有了这本书，您将能够处理Web开发中令人痛苦的领域，如使用FireBug进行JavaScript和AJAX调试。

这本书从Web开发的基础知识，如动态编辑HTML和CSS，到高级功能，如AJAX、JSON、监控和Web页面的性能调优。本文假定您已经掌握了一些非常基本的HTML和JavaScript知识。对于那些对这些技术有充分了解的人来说，这本书可以帮助您通过有效地使用Firebug来提高工作效率，充分利用其丰富而强大的功能和控制台API。在接近尾声时，这本书解释了如何为Firebug社区创建您自己的强大扩展。

本实用指南将帮助您掌握使用Firebug编辑、调试和监控网页的技能

你将从这本书中学到什么

• 探索Firebug的标签及其功能
• 了解如何使用Firebug检查、编辑、搜索和处理文档的HTML源文件
• 掌握Firebug为CSS开发提供的有用工具和实用程序
• 了解Firebug的命令行API和控制台API以及调试JavaScript
• 使用Firebug修改任何DOM对象的属性和常量的值
• Discover various ways to analyze the performance of your web application on the browser
• 了解如何跟踪XMLHttpRequestandResponse以及调试AJAX调用
• 体验Firebug提供的功能的提示和技巧
• 探索YSlow、FireCookie和页面速度等对开发和性能调优有用的Firebug扩展
• 开发Firebug扩展，并了解如何为其设置开发环境、文件和目录结构

方法

在简单易懂的示例的帮助下，提供了对每个关键功能的逐步描述。每一章都有大量有用的屏幕截图。每一章都包含一些信息以及提示和技巧，以吸引您对一些有用的信息或参考的注意。Web开发的每个方面，如CSS或JavaScript，都是独立处理的，这样您就可以引用您感兴趣的模块。

这本书是为谁写的

这本书是为前端Web开发人员编写的，他们使用HTML、CSS、JavaScript和AJAX构建软件和页面，他们出于上述原因想要学习Firebug。这本书假定读者对HTML、JavaScript和CSS有非常基本的了解。本书中的示例可以让刚刚接触Web开发的人理解。