CSS Class Inspector
How It Works
Click any element. The inspector stores it with auto-generated selectors: Tag, ID, Class, Combined classes, Tag + ID, Tag + Classes.
Each selector has a copy button. One click copies to clipboard. Development tools that cut through inherited noise.
Style Diffing: Only What Matters
Properties checked: display, position, flex, grid, margin, padding, width, height, color, background, border, font-size, font-weight, transform, animation, box-shadow, opacity, z-index, overflow, text-align, line-height.
If a class doesn't change any of these from the default, it doesn't appear. Zero noise.
Stored Elements
- Tag name, ID, and class chain
- Timestamp of when it was captured
- Every possible selector variation with individual copy buttons
Copy them into your stylesheet, testing script, or scraper. The panel is draggable, resizable, and closes with ESC.
Part of the
Developer Toolkit
Tools that work together in the Developer toolkit.
Simulates screen reader interpretation - strips styling, surfaces hidden text, flags missing alt tags. Accessibility Tester transforms any webpa.
Bug Report lets users record the issue, add context, and open a private GitHub issue with system details already attached.
Bulk URL opener with saved lists, batch control, duplicate removal, and lazy-loaded tabs. Paste URLs from a spreadsheet. Import from your curren.
Click to Copy is element-aware. Click an image, get the source URL. Click a link, get the href. Click text, get it clean. One click replaces six.
Cloudflare Connection gives SEO Time Machines one shared cloud layer for recordings, files, notes, planners, mobile ideas, and voice workflows.
You're researching competitors. Their resource page has 47 links you need.The old way: Right-click. Copy link. Paste. Right-click. Copy link. Pa.
Other EXIF tools make you leave. Popup. New tab. Upload form. Switch back. Forty-six images means ninety-two context switches.EXIF Data Reader o.
Extract Table captures table-like data from a page, opens it in an editable panel, and lets you copy clean TSV, CSV, or HTML before the data lea.
Every online font converter asks you to upload your files. Your licensed fonts, sent to a server you've never audited. Where? For how long? Unde.
There are two kinds of developers.The first copies HTML from client sites and spends an hour stripping inline styles, data attributes, and track.
Low-res photos, compressed screenshots, and tiny logos all lose detail when enlarged. SEO Time Machines runs Real-ESRGAN directly in your browse.
You're on a call with a client. "What if we moved that testimonial above the fold?" "What if the heading was bigger?" "What if we just... delete.
Other inspect extensions: Click the icon. Wait for the popup. See three properties. Need the full picture? Back in DevTools.SEO Time Machines: F.
Technology Profiler scans the current website and shows CMS, frameworks, analytics, CDN, fonts, payments, schema, and other detected technologie.
VNC consoles use canvas elements - no clipboard, no paste. And terminal passwords are invisible. You can't see what you're mistyping in a 64-cha.