DevTools+ by URLflows
A web developer's everyday tools one click from the toolbar, on any page, without hunting through DevTools menus. Pick a guide below, or jump straight to Install DevTools+.
Getting Started
Core How-Tos
Take screen grabs and record the tab
The visible tab, an area, an element, the full page, your screen, or a video.
Inspect an element and copy a container
The box model, contrast, and every way to copy what you picked.
Pick colors, measure and switch page modes
Color picker, contrast, Measure, layout grid, outlines, edit text, no CSS.
Check page info and accessibility
Meta tags, headings, Core Web Vitals, libraries, and a WCAG check.
Console errors, HAR files and DevTools
Record errors and network traffic, and every way into DevTools.
Emulate devices, networks and preferences
Slow networks, phones, dark mode, vision deficiencies and more.
Change requests with request rules
Turn off CSP, allow CORS, block, redirect or set a header.
Cookies, storage and site data
Edit cookies and storage, clear site data, and per-site switches.
Encode, decode and other utilities
Base64, JWTs, the clipboard, QR codes, window sizes and more.
Right-click menu, shortcuts and the Elements tab
Faster ways in, from the page, the keyboard and DevTools itself.
Customize & Configure
Privacy, Data & Troubleshooting
Still need help?
Can't find what you're looking for? Our team is happy to help.