Chrome Developer Tools

Getting Started

How to access the DevTools

The DevIools are organised into task-oriented groups in the toolbar at the top of the window. Each toolbar item and corresponding panel let you work with a specific type of page or app information, including DOM elements, resources, and sources. Curabitur dolor eros, gravida et, hendrerit ac, curses non, mass.,

Learn more

Console

The DevTools Window

The DevTools ore organized into task-oriented groups in the toolbar at the top of the window. Each toolbar item and corresponding panel let you

Learn more

these should have alt text

Timeline

Improving rendering performance

The DevTools ore organized into task-oriented groups in the toolbar at the top of the window. Each toolbar

Learn more

these should have alt text

JavaScript

Inspecting the DOM and styles

The DevTools ore organized into task-oriented groups in the toolbar at the top of the window. Each toolbar item and corresponding panel let you

Learn more

these should have alt text

Styles & The DOM

Working with the console

The DevTools ore organized into task-oriented groups in the toolbar at the top of the window. Each toolbar item and corresponding panel let you

Learn more

these should have alt text

Mobile

Timeline demo: Diagnosing forced synchronous layout

This demo shows how you can use the Timeline to identify a kind of performance bottle-neck called 'forced synchronous layouts', The demo application animates several images back and forth using requestAnimationFrame

Learn more

Console

Debugging JavaScript

The DevTools ore organized into task-oriented groups in the toolbar at the top of the window.

Learn more

these should have alt text

Improving network performance

The DevTools ore organized into task-oriented groups in the toolbar at the top of the window. Each toolbar

Learn more

these should have alt text

Timeline

JavaScript & CSS performance

The DevTools ore organized into task-oriented groups in the toolbar at the top of the window. Each toolbar

Learn more

these should have alt text

Timeline

Improving rendering performance

The DevTools ore organized into task-oriented groups in the toolbar at the top of the window. Each toolbar

Learn more

these should have alt text

Console

Debugging JavaScript

The DevTools ore organized into task-oriented groups in the toolbar at the top of the window. Each toolbar

Learn more

these should have alt text

Further Resources

Code School

Explore and master the DevTools with our free "discover DevTools" courses. Nullam ultrices, dramt tempus vulputate egestas.

Learn more

Get Involved

Summit a bug or a feature request on DevTools, and help the community get better. Ultrices, diem5 ternpusvulputate egestas, eros pede

Learn more

Debug Extensions

Looking to use the DevTools to debug Chrome extensions? Watch our videos for more info. Nullam ultrices, to diem ternpus vulputate.

Learn more