14-in-1 browser extension developers and designers love.

Latest Version

Version
6.1.3
Update
December 8, 2024
Size
7.6MiB
Developer
superdevpro.com
Category
Users
6,000+
Rating
4.70833 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
ContextMenus
DeclarativeNetRequest
Scripting
Storage
Tabs
UnlimitedStorage
See more

SuperDev Pro Extension

SuperDev Pro is a 14-in-1 browser extension 🧩 that helps developers and designers inspect and fix UI issues on any website, used by 6000+ professionals around the world to deliver world-class websites.

✅ Features
*️⃣ CSS Inspector: Easily inspect or edit CSS
*️⃣ Live Text Editor: Test new texts in a blink
*️⃣ Fonts Changer: Effortless font switching
*️⃣ List All Fonts: Font details at fingertips
*️⃣ Color Picker: Precise color selection
*️⃣ Color Palette: Explore website colors
*️⃣ Move Element: Move elements with ease
*️⃣ Delete Element: Delete or hide elements
*️⃣ Export Element: Export favorite elements
*️⃣ Extract Images: Extract images in a click
*️⃣ Page Ruler: Measure with precision
*️⃣ Page Outliner: Visualize HTML structure
*️⃣ Image Replacer: Swap images seamlessly
*️⃣ Take Screenshot: Screenshots in a snap
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"action": {\t\t"default_title": "SuperDev Pro"\t},\t"author": "SuperDev Pro",\t"background": {\t\t"service_worker": "js/background.js",\t\t"type": "module"\t},\t"commands": {\t\t"_execute_action": {\t\t\t"suggested_key": {\t\t\t\t"chromeos": "Ctrl+Shift+S",\t\t\t\t"linux": "Ctrl+Shift+S",\t\t\t\t"mac": "Ctrl+Shift+S",\t\t\t\t"windows": "Ctrl+Shift+S"\t\t\t}\t\t}\t},\t"content_scripts": [\t\t{\t\t\t"css": [\t\t\t\t"css/contentscript.css",\t\t\t\t"libs/css/fafontfaces.css"\t\t\t],\t\t\t"js": [\t\t\t\t"js/contentscript.js",\t\t\t\t"libs/js/filesaver.js",\t\t\t\t"libs/js/jspdf.js",\t\t\t\t"libs/js/jszip.js"\t\t\t],\t\t\t"matches": [\t\t\t\t"http://*/*",\t\t\t\t"https://*/*"\t\t\t],\t\t\t"run_at": "document_idle"\t\t}\t],\t"declarative_net_request": {\t\t"rule_resources": [\t\t\t{\t\t\t\t"enabled": true,\t\t\t\t"id": "1",\t\t\t\t"path": "rules.json"\t\t\t}\t\t]\t},\t"description": "14-in-1 browser extension developers and designers love.",\t"homepage_url": "https://superdevpro.com",\t"host_permissions": [\t\t"http://*/*",\t\t"https://*/*"\t],\t"icons": {\t\t"128": "icons/icon128.png",\t\t"16": "icons/icon16.png",\t\t"48": "icons/icon48.png"\t},\t"incognito": "split",\t"manifest_version": 3,\t"minimum_chrome_version": "101",\t"name": "SuperDev Pro",\t"permissions": [\t\t"activeTab",\t\t"contextMenus",\t\t"declarativeNetRequest",\t\t"scripting",\t\t"storage",\t\t"tabs",\t\t"unlimitedStorage"\t],\t"short_name": "SuperDev Pro",\t"version": "6.1.3",\t"web_accessible_resources": [\t\t{\t\t\t"matches": [\t\t\t\t"http://*/*",\t\t\t\t"https://*/*"\t\t\t],\t\t\t"resources": [\t\t\t\t"css/*",\t\t\t\t"fonts/*",\t\t\t\t"html/*",\t\t\t\t"icons/*",\t\t\t\t"libs/*"\t\t\t]\t\t}\t]}
Read more

Similar Extensions

icon

Designer Tools Extension · Developer Tools 6,000+ 227 ★ 987KiB

icon

Rayst - Reveal the web Extension · Developer Tools 6,000+ 20 ★ 455KiB

icon

CSS Peeper Extension · Developer Tools 6,000+ 363 ★ 279KiB

icon

CSS Scan Extension · Developer Tools 6,000+ 84 ★ 1.41MiB

icon

Hackertab.dev - developer news Extension · Developer Tools 6,000+ 168 ★ 525KiB

icon

MageTools: DevTools Reimagined Extension · Developer Tools 6,000+ 9 ★ 84.8KiB

icon

CSS Inspector Extension · Developer Tools 6,000+ 64 ★ 2.57MiB

icon

Responsive Viewer Extension · Developer Tools 6,000+ 298 ★ 639KiB

icon

Jinno: code any React component with AI Extension · Developer Tools 6,000+ 38 ★ 18.37MiB

icon

Hoverify Extension · Developer Tools 6,000+ 145 ★ 14.54MiB

icon

InTab Extension · Developer Tools 6,000+ 12 ★ 11.18MiB

icon

VisBug Extension · Developer Tools 6,000+ 252 ★ 5.38MiB

icon

Inspect CSS Extension · Developer Tools 6,000+ 24 ★ 404KiB

icon

Gimli Tailwind Extension · Developer Tools 6,000+ 33 ★ 151KiB

icon

Querio - GraphQL and HTTP requests inspector Extension · Developer Tools 6,000+ 8 ★ 2.1MiB

icon

CSS Brio Extension · Developer Tools 6,000+ 5 ★ 86.26KiB

icon

SnipCSS Extension · Developer Tools 6,000+ 32 ★ 13.12MiB

icon

Amino: Live CSS Editor Extension · Developer Tools 6,000+ 453 ★ 1.45MiB

icon

Motion DevTools Extension · Developer Tools 6,000+ 8 ★ 788KiB

icon

Visual CSS Editor Extension · Developer Tools 6,000+ 145 ★ 414KiB

icon

Web Editor Extension · Developer Tools 6,000+ 29 ★ 68.98KiB

icon

Web Design Pirate Extension · Developer Tools 6,000+ 21 ★ 134KiB

icon

HTML Error Checker Extension · Developer Tools 6,000+ 96 ★ 380KiB

icon

Alt & Meta viewer Extension · Developer Tools 6,000+ 10 ★ 71.37KiB

User reviews

icon

Salman Perwez Khan (ID: 000000880300b199) Voted 5 ★ - Updated 07/31/2024 A Must-Have for Frontend Developers! SuperDev Pro has completely transformed my workflow as a frontend developer. It's incredibly easy to use, and the real-time code editing is a lifesaver. I love how it integrates seamlessly with my existing tools, and the performance optimization tips have made my websites so much faster. The responsive design testing is spot on, and the customizable shortcuts are a nice touch. If you're serious about frontend development, you need to get SuperDev Pro. Highly recommended!

icon

Tiago Rangel (ID: 0000002dd06de488) Voted 5 ★ - Updated 07/30/2023 Works very well, even in free version

icon

Fabrizio Spanu (ID: 000000256a9403a8) Voted 5 ★ - Updated 06/29/2023 I love the extension. As a web coder and developer it saves me so much time when doing daily tasks that otherwise would require more time or different plugins. What i love about it is that it has more than a few actions so it's super sleek to get things right and fast. What i would love to see is a more extended right click action. For example when we click on a image that can't be downloaded if not checking the code, having that option enabled with a simple right click would be golden, but this is just a minor thing and an example!

icon

حمد العنزي (ID: 000000eb269e74b2) Voted 5 ★ - Updated 03/27/2023 إضافة جميلة جداً ومميزة وانصح فيها وانصح بقوة بشراء النسخة الكاملة.

icon

Aryan Khan (ID: 000000336c4a7cea) Voted 5 ★ - Updated 02/01/2023 I recently discovered the SuperDev Chrome extension and I must say, it has completely transformed my browsing experience. It's packed with features that make my life so much easier and more efficient. The interface is user-friendly and intuitive, making it easy to navigate and access all of its features.