the panel
Sixty-three tools, one shortcut
Grouped by what you are trying to find out rather than by what kind of thing it is. Everything that reads the page in front of you is free and runs locally; the 8 marked PRO either export something or cost a server request.
tools and diagnostics63
free of them55
host permissions0
written up at length62
Add LoupeKit- opens the list of browsers it can be installed in
TWO BUILDS9 browsers
Chromelisting in reviewFirefoxlisting in reviewBravelisting in reviewOperalisting in reviewEdgelisting in review4 moreChromium browsers: Arc, Vivaldi, Chromium, Opera GXthe Chrome buildshowing all 63
Nothing by that name. Every tool the panel has is on this page, so if it is not in the grid it is not in the panel either.
Inspect and edit
the element under the cursor13 of 13- Classesread →Every class on an element and what each one actually does
- Viewportread →Side-by-side frames at genuine device widths
- Gridread →Overlay the grid and flex tracks a layout really uses
- Rulerread →Two rules down the edges, with pinned guides and a choice of zero
- ComponentPROread →Take the selected element out as a React or Vue component
- Site stylesread →A stylesheet you write for one site, kept and re-applied
- Layersread →Tip the page over so every level of nesting is its own plate
- Selectorread →Run a selector against the page and outline every element it matches
- Unitsread →Convert px, rem, ch and build a fluid clamp
- Cookiesread →Every cookie the browser holds for this site, HttpOnly ones included
- Page sourceread →The rendered DOM in its own window, formatted and searchable
- WordPressread →Whether a page is WordPress, its theme, and every plugin loading an asset
- Patternsread →A CSS background pattern out of gradients, painted onto the selection
Extract and convert
take something out of the page13 of 13- Fontsread →Every family, weight and size in use, ranked
- JSONread →Pretty-print, tree and diff any JSON on the page
- QR coderead →The current URL as a code you can scan to a phone
- Open URLsread →Every address in a block of pasted text, opened as its own tab
- CSS to Tailwindread →Pasted CSS as Tailwind utilities, utilities back as CSS, line by line
- ScraperPROread →Any repeating block on the page - cards, results, rows - as CSV, TSV or JSON
- Picture-in-pictureread →Any video on the page popped into the browser’s floating window
- Captureread →The viewport, a dragged rectangle or the whole page - with somewhere to annotate it
- Encodersread →Base64, URL, HTML, JWT, hashes, UUIDs and timestamps, none of it sent anywhere
- Imagesread →Every image with shipped pixels against rendered size
- Tokensread →Colours, spacing and type steps as painted, not declared
- Mediaread →Video, audio and their poster frames, downloadable
- Font facesread →The declared faces, their files and formats
Layout diagnostics
why it moved, why it broke9 of 9- Cascaderead →Which rule won, and how much of the win was !important
- Z-indexread →Every stacking context and the property that created it
- CompareTwo elements side by side, with every computed value that differs marked
- Shiftsread →What moved after first paint and how far
- Overflowread →Everything that reaches past the viewport edge, and why
- Reflowread →What breaks at 320px and 200% zoom
- Environmentsread →The same page in two environments, compared
- Scrollingread →Every scroll container, including the ones you did not mean
- Mutationsread →What the page rewrites after load, live
Loading and weight
what it costs to open8 of 8- Font loadingread →Faces that never arrived, fell back, or were only local
- Load timingPROread →The real waterfall for this document, summarised
- Page weightread →Bytes by type, with the five heaviest named
- Unusedread →CSS and JS never executed, with estimated savings
- Animationread →Every running animation and what it costs per frame
- Third partiesPROread →Every host contacted and the company behind it
- Iframesread →Frames, their origins, and what each one loads
- Service workerread →What is registered, what is waiting, and whether this installs
Content and copy
the words and the head8 of 8- Wordingread →Reading level, sentence length and repeated phrasing
- Tablesread →Any table on the page out as CSV or JSON
- MarkdownPROread →The document, or a selection, as clean Markdown
- Pseudolocread →Swap copy for pseudo-locale to find hard-coded strings
- Readerread →The page stripped to its text, as a reader mode sees it
- Copy inspectread →What the page actually puts on your clipboard when you copy
- Head orderread →Meta, title, canonical and OG tags in the order they load
- Preferencesread →Force dark, reduced motion, contrast and locale
Accessibility
and how it behaves without a mouse5 of 5- Printread →What the page becomes on paper, before you print it
- Formsread →Labels, names, errors and autocomplete, per field
- Focus pathread →The tab order drawn over the page, in sequence
- Keyboard walkread →Walk every interactive element and log what traps
- Outlineread →Landmarks and headings in the order a screen reader meets them
Export and report
hand the finding to someone else7 of 7- RecorderPROread →Record clicks and typing out as a test in your framework
- Mockupread →Pin a mockup over the page and diff it by pixel
- Page themeread →Restyle any site live and keep it per-domain
- Client reportPROread →One self-contained site review, built on your device
- Link builderread →Tag the address in the tab with campaign parameters
- Source mapsPROread →Bundles serving a map, and what they expose
- Tailwind themeread →Reconstruct a Tailwind config from a built site