This recipe covers the basics of Chrome's JavaScript debugging capabilities. The browser covers far greater capabilities than simple debugging. The Network tab, for instance, displays behind the scenes file-by-file download times that could be very useful to identify performance issues.

In the Network tab, you can also simulate a slow connection by selecting a profile under throttling (high latency, slow download/upload speed) as shown in the following screenshot:

The Timeline tab displays further details about the time to evaluate the scripts and render the page. This is particularly useful if your page has a high number of elements and you'd like to understand which bits have the highest performance impact:

The other tabs in the developer tools cover further capabilities, such as DOM inspect, security, and much more.