DevFlip 版本历史 - 3 个版本
小心旧版本!显示这些版本是为了测试和参考目的。您应该始终使用附加组件的最新版本。
最新版本
版本 1.3
发布于 2026年4月4日 - 23.95 KB适用于 firefox 142.0 及更高版本Here is what's new in this version:
🚀 The Export Script Cart
You are no longer limited to exporting one piece of code at a time! DevFlip now acts as a background workspace. Pin an element, edit the layout, and confidently click "⨁ Add to Cart". Navigate across the rest of the page, modify completely disconnected elements, and click the new floating badge in the bottom right corner of your screen to instantly export ONE perfectly combined, massive VBScript payload covering the entire survey.
🎯 Precision DOM Keyboard Traversal
Struggling to click an invisible input or a deeply nested wrapper? Pin any element on the screen and simply press your Arrow Keys (Up, Down, Left, Right). DevFlip will smartly teleport the Editor perfectly from parents to children, tracking the DOM tree for you so you never have to hunt for hidden structures again.
🧠 "Smart Anchoring" Engine
If you target a checkbox that has no ID or unique class, DevFlip will now intelligently crawl the surrounding DOM. It will automatically find the nearest semantic Label, input Name, or parent container, and construct a highly stable, complex jQuery wrapper (e.g.label[for='xyz'] > span) guaranteeing your script won't break dynamically.
✨ A Premium Glassmorphism Interface
The interface has been massively polished. Your editor will now "spring" into focus via smooth entry keyframes, cast a gorgeous blurred backdrop filter over the webpage underneath it, and feature completely custom, neon-accented scrollbars exclusively for maximum code readability.
🛡️ Robust Syntax Escaping
Nested quotations ruining your VBScript compiler? We've upgraded the internal generator to perfectly auto-escape internal double quotes ("") formatting, ensuring you get bulletproof copy-pastes straight to your IDE every time.源代码遵循 MIT 许可证 发布
较早版本
版本 1.2
发布于 2026年3月28日 - 21.78 KB适用于 firefox 142.0 及更高版本DevFlip 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.源代码遵循 MIT 许可证 发布