panel tab · one of 912 sectionsfree, no counter
Developer
Which page switches would you otherwise open devtools to find?
The page switches you would otherwise open devtools for - outlines, overrides and disables, every one of them reversible.
Reach itPress ⌘+K on any tab and type developer.Ctrl+Kon Windows and Linux
These are the switches devtools makes you hunt for, grouped by what they do to the page rather than by which panel happens to own them. Every one is reversible from the row it sits on and the tab takes back all of them at once, because a switch that outlives the reader who set it is a bug they will spend an afternoon chasing on a page they think is broken. A few of the groups need a permission the first time they are used and hand it back when the switch goes off - nothing here is requested at install, and the row says what it will ask for before it asks.
TWO BUILDS9 browsers
Chromelisting in reviewFirefoxlisting in reviewBravelisting in reviewOperalisting in reviewEdgelisting in review4 moreChromium browsers: Arc, Vivaldi, Chromium, Opera GXthe Chrome buildin the panel · free, no counter
What the Developer tab is made of
12 sections, in the order the panel draws them- CSS
- Every stylesheet off at once, or only the linked ones, the embedded ones or the inline attributes - the print sheet and the browser default among them.
- Disable all styles
- ·Disable linked stylesheets
- ·Disable embedded styles
- ·Disable inline styles
- ·Use print stylesheets
- ·Force border-box
- ·Disable browser default styles
- Outline
- Draws a border around one kind of box at a time: blocks, headings, tables, deprecated elements, positioned and floated boxes, fields with no label.
- Block-level elements
- ·Headings
- ·Tables and cells
- ·Deprecated elements
- ·External links
- ·Positioned elements
- ·Floated elements
- ·Fields without labels
- Images
- Hides them, outlines the ones with no alt text, shows each at full size with its dimensions, and finds the ones that never loaded.
- Hide images
- ·Hide background images
- ·Outline all images
- ·Outline images without alt
- ·Show alt text
- ·Show images at full size
- ·Show image dimensions
- ·Find broken images
- ·Reload images
- Information
- Writes what the markup says over the page itself - tag names, ids and classes, ARIA roles, tab order, link destinations, the response headers.
- Element tag names
- ·Ids and classes
- ·Title attributes
- ·ARIA roles
- ·Tab index
- ·Link destinations
- ·Access keys
- ·Abbreviations
- ·Document outline
- ·Response headers
- ·Character encoding
- ·Open view-source:
- Forms
- Fills every field with plausible data, reveals password inputs, strips validation, flips the method, and opens every select at once.
- Show form details
- ·Reveal password fields
- ·Fill with mock data
- ·Clear all fields
- ·Check every box
- ·Uncheck every box
- ·Enable disabled fields
- ·Remove validation
- ·Convert POST to GET
- ·Convert GET to POST
- ·Expand select elements
- The cookies this page can see, and a switch that refuses new ones while it is on.
- Block cookies
- Site data
- Local storage, session storage, IndexedDB and the cache - read row by row, edited in place, and cleared one store at a time rather than all at once.
- User agent
- Sends a different User-Agent to the server, for every tab, with a dot on the toolbar icon for as long as it is on.
- WebRTC
- The browser’s WebRTC address policy: the one control in the product that changes a setting rather than a page or a request.
- Time travel
- A clock the page believes, for the length of this document.
- Miscellaneous
- Reveals hidden elements, linearises the page, turns JavaScript off, resizes the window, marks every link visited.
- Reveal hidden elements
- ·Linearise the page
- ·Window and viewport size
- ·Disable JavaScript
- ·Clear cache and history
- ·Resize the window
- ·Mark links visited
- Validate
- Hands this address to the validators that check it - markup, CSS, accessibility, links, structured data, DNS.
TWO BUILDS9 browsers
Chromelisting in reviewFirefoxlisting in reviewBravelisting in reviewOperalisting in reviewEdgelisting in review4 moreChromium browsers: Arc, Vivaldi, Chromium, Opera GXthe Chrome build63 tools beside this tab · no host permissions · three free audits