There are a number of ways to open DevTools, either through keyboard shortcuts or menu items. To get started, read through Open Chrome DevTools. Be sure to bookmark it and refer back to it as you explore the different panels. The DevTools Keyboard Shortcuts reference is a helpful cheatsheet. The only reason you'll see one term or the other is to maintain consistency with the rest of the official DevTools documentation. The distinction between tabs and panes is somewhat arbitrary. For instance, the Elements panel contains additional tabs to inspect event listeners, the accessibility tree, and much more. Within the content area of each panel, there are a number of different tools, often referred to as tabs or panes in the documentation. The Console panel lets you read JavaScript logs and live edit objects.The Elements panel lets you view and change DOM nodes or CSS.DevTools is divided into a series of panels which are organized into an ARIA tablist. # Overviewīefore starting, it helps to have a mental model of how the DevTools UI is structured. This guide walks you through the panels which are the most accessible and highlights specific issues you may encounter along the way. Some panels and tabs work better with assistive technology than others. The accessibility of DevTools is a work-in-progress. See Accessibility Reference if you're looking for DevTools features related to improving the accessibility of a web page. Chrome DevTools is a suite of web developer tools built into the Google Chrome browser. This guide aims to help users who primarily rely on assistive technology like screen readers access and use Chrome DevTools.
0 kommentar(er)
