From the course: Learning Chrome Web Developer Tools
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Customizing the display of the developer tools - Chrome Tutorial
From the course: Learning Chrome Web Developer Tools
Customizing the display of the developer tools
- [Instructor] In addition to the Customize and Control DevTools button, the gray bar at the top of the DevTools contains several other options for working with them. The DevTools consist of a series of panels, each allowing you to work with a different aspect of a web document. You access each of the panels by clicking its name in the gray bar. For instance, clicking Elements opens the Elements panel, which shows a representation of the contents of the browser window and can also display related information in a sidebar on the right. Other commonly used panels include the Console panel, the Sources panel, the Network panel. You can also split the DevTools further so you can display multiple panels at once. Most commonly, you'll want to have the Console panel open to monitor errors and logged output, while still using another panel. The second panel is known as the Console Drawer. To open it, click the Customize button,…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.