SuperDev Pro EN
Mohd Danish · Firefox
50+ developer & designer tools in one sidebar - inspect CSS, capture screenshots, scrape data, audit SEO, build UTMs, format JSON, manage cookies, force dark mode, and more. Replace 20 cluttered extensions with one.
<all_urls>),意味着它可以读取你在任意站点的页面内容,包括已登录的页面。这是许多扩展正常工作的必要条件,但也值得你确认来源可信。
截图
简介
SuperDev Pro packs 50+ developer, designer, marketer, and power-user tools into a single keyboard-driven sidebar — so you can stop hoarding one-off extensions.
Toggle the shell with ⌘⇧E (macOS) or Ctrl+Shift+E (Windows/Linux). Hit ⌘⇧S to open the command palette and jump straight to any tool.
Inspect
- CSS Inspector — live styles + computed values, copy any rule
- Layout Tools — box model, flex/grid overlays, parents/children
- Ruler & Measure — click two points: distance, angle, ΔX/ΔY
- Color Picker — eyedrop + history + HEX/RGB/HSL
- Color Palette — extract every color used, highlight where it appears
- Site Stack — detect frameworks, CMS, analytics, CDN, server
- SEO Meta — full on-page audit: meta, social, headings, images, links
- Page Speed — Core Web Vitals, resources, page weight
- Accessibility — contrast, alt text, ARIA, headings, labels
- AI Assistant — BYOK chat over any OpenAI-compatible API with page context
Design & Modify
- Font Changer — pick element, 50+ Google Fonts, live preview
- List Fonts — detect every font on the page, highlight usage
- Pattern Background — 8 patterns, presets, copy CSS
- Dark Mode — force dark on any site, per-domain control
- Code Injection — JS / CSS / HTML per-domain with snippet library
- Live Text Editor — click to edit, track changes, export HTML
- Image Replacer — drop file or URL, persists across reloads
- Move Element / Delete Element / Page Outliner — surgical DOM tweaks
Capture
- Screenshot — visible, area selection, or full-page (JPG/PNG)
- Save as PDF — live preview, A4/Letter, custom margins
- Table Capture — every <table> on the page → CSV / TSV / JSON / Markdown
- Export Element — pick any element → HTML + matched CSS to CodePen
Data
- Web Scrape — auto-detect lists & tables, scrape, export
- API Tester — any origin, CORS-free, request history
- URL Opener — bulk-open URLs with pause/stop control
- Extract Images — img + background + SVG + favicon + og, bulk download
- Broken Link Checker — parallel HEAD checks, live progress, CSV
- Webpage → Markdown — page / main / picked element → GFM
- Stripe Analytics — charges, MRR, refunds, breakdowns
- Subreddit Insights / Reddit User Analyzer / Cross-Post Finder — full Reddit toolkit
Workflow
- Todo — per-site task list
- Sticky Notes — drop notes anywhere, drag, 6 colors, per-site persist
- Tab Manager — list, filter, bulk close/copy/move
- UTM Builder — campaign URLs with templates and custom params
Browser
- Cookie Editor — list, search, add, edit, export cookies
- Clear Browsing Data — this site or all, 11 categories, time-range
- Redirect Path — trace full chain with status + headers
Utility
- Currency Converter — live FX, detect amounts on page, 30+ currencies
- Email Finder — scan text, mailto, obfuscated, group by domain
- QR Code — URL, vCard, Wi-Fi, custom color, embedded logo
- JSON Formatter — format, minify, sort keys, validate
- Encoder / Decoder — Base64, URL, HTML, hex, Unicode, MD5/SHA
- World Clock — multi-timezone with floating widget
Privacy
Everything runs locally in your browser. No tracking, no analytics, no telemetry. Your data never leaves your machine unless you explicitly send it somewhere (e.g. Export to CodePen, BYOK AI calls).
Source & support
- Homepage: https://superdevpro.com
- Contact: contact@superdevpro.com
SuperDev Pro 是做什么的
SuperDev Pro 是一款面向 Firefox 的开发者工具类扩展,主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是:50+ developer & designer tools in one sidebar - inspect CSS, capture screenshots, scrape data, audit SEO, build UTMs, format JSON, manage cookies, force dark mode, and more. Replace 20 cluttered extensions with one.在Firefox 附加组件商店(AMO)上,它当前版本 11.0.8,评分 5(2 人评价),约 44 名用户。
适合什么人用
从功能定位看,SuperDev Pro 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站,装上后建议先观察一两天,确认不影响常用站点的正常使用。
怎么安装 SuperDev Pro
- 打开Firefox 附加组件商店(AMO)上的官方页面;
- 点「添加到浏览器」并确认权限提示;
- 装好后在扩展列表里固定图标,方便随时开关。
本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。
常见问题
SuperDev Pro 是免费的吗?
SuperDev Pro 在Firefox 附加组件商店(AMO)免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。
SuperDev Pro 安全吗?
它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。
SuperDev Pro 支持哪些浏览器?
当前收录的版本来自Firefox 附加组件商店(AMO),适用于 Firefox。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。
怎么卸载 SuperDev Pro?
在扩展管理页找到 SuperDev Pro,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。
权限清单 来自 manifest.json 原文
站点访问 1
<all_urls>
接口权限 11
activeTabbrowsingDatacontextMenuscookiesdeclarativeNetRequestdownloadsscriptingstoragetabsunlimitedStoragewebRequest




