DevFlip version history - 2 versions
Be careful with old versions! These versions are displayed for testing and reference purposes.You should always use the latest version of an add-on.
Latest version
Version 1.2
Released Mar 28, 2026 - 21.78 KBWorks with firefox 142.0 and laterDevFlip Pro has arrived! This version transforms DevFlip from a simple highlighter into a professional-grade front-end debugging companion.
🚀 What's New
Universal Inline Editing: Every property is now interactive. Edit HTML attributes (id, href, src), CSS properties, and accessibility metadata directly from the tooltip.
Visual Layout Debugger: Professional-grade overlays for Margins (orange), Padding (green), and Grid/Flexbox containers (dashed lines). Includes a live Dimensions Label.
Accessibility (A11y) Auditor: Real-time WCAG contrast ratio calculation, image alt text verification, and form label association checks.
Advanced Live Editor: Dedicated 'Edit' tab for bulk class editing, HTML content modification, and raw CSS injection.
Productivity Features:
Keyboard Shortcuts: Use 1-5 to switch tabs instantly.
Copy as CSS: Generate a full CSS rule from your live edits with one click.
Breakpoint Indicator: Real-time viewport width and Tailwind breakpoint detection.
Precision Updates: Edits now use !important to ensure they bypass page CSS, with Live Toast notifications (bottom-right) confirming every update.Source code released under MIT License
Older versions
Version 1.1
Released Mar 22, 2026 - 18.69 KBWorks with firefox 142.0 and laterSource code released under MIT License