Using Chrome Developer Tools

We will need Google Chrome (http://www.google.com/chrome) for this chapter. It is a free download, and if you currently do not have it, install it before proceeding.

Chrome has great developer tools that allow us to see exactly what is going on with the HTML, CSS, and JavaScript on any page. We will introduce tools quickly here before really digging into them later in the chapter. The first thing to do is to get the developer tools to show. The easiest way is to right-click anywhere on a web page and select Inspect Element. A pane should come up from the bottom of the screen by default. There should be eight different tabs across the top of the pane, as shown in the following screenshot:

Note

Google is always updating ...

Get Building Scalable Apps with Redis and Node.js now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.