MageTools: DevTools Reimagined
A faster, easier alternative to DevTools. Find styles, check attributes, and live-edit UIs.
Rating history
Rating count & user count history
Similar extensions
| name | rating | # ratings | # users | categories | description | version | updated | |
|---|---|---|---|---|---|---|---|---|
Dev Helpers | 5 | 6 | 368 | Developer Tools | Simple CSS/JS Helpers to inject code snippets into websites. Handy for developers who need to get around things temporarily. | 0.0.8 | November 13, 2017 | view details → |
SuperDev Pro | 4.6 | 27 | 5k | Developer Tools | A must-have browser extension for web development. | 4.0.4 | July 13, 2024 | view details → |
CSS Brio | 5 | 5 | 3k | Developer Tools | CSS Brio is a fast CSS Animation viewer and CSS code provider for Designers. | 2.0.2 | December 19, 2023 | view details → |
check-ui | - | 0 | 20 | Developer Tools | UI走查还原工具，用于辅助前端和UI进行设计稿的比对和开发，拥有图片比对、标尺、吸色等实用功能。 | 0.0.1 | February 29, 2024 | view details → |
VisualEditor | 5 | 1 | 183 | Tools | 通过DataTester(AB) VisualEditor让网站优化变得更轻松，支持任意网页可视化编辑，降低使用AB成本，助力科学决策。 | 0.0.8 | February 27, 2024 | view details → |
UI Mapper | - | 0 | 3 | Developer Tools | A tool for generating names and xpath expressions for web GUI elements | 0.0.0.1 | April 27, 2023 | view details → |
Chrome devtools (under development) | - | 0 | 26 | Developer Tools | Some convenient frontend devTools | 0.1 | March 12, 2022 | view details → |
Hubbe Git Tooling | 5 | 3 | 8 | Developer Tools | A tool for developers to create branches more quickly and efficiently. | 1.0 | November 3, 2023 | view details → |
Label Visualization | - | 0 | 43 | Workflow & Planning | For viewing tags in source code directly on a web page | 1.2.0 | March 7, 2023 | view details → |
InTab | 4.8 | 10 | 2k | Developer Tools | edit any website's HTML and CSS visually | 3.0.0 | June 25, 2024 | view details → |
designr | 5 | 2 | 365 | Developer Tools | Inspect CSS styles and save snapshots of web components and designs | 1.0.0 | March 19, 2023 | view details → |
Resurface | - | 0 | 63 | Developer Tools | Replace editable page fields with a pop-out Monaco (VS Code) editor | 1.4.4 | December 27, 2022 | view details → |
True Full Page for CodePen | 5 | 6 | 198 | Workflow & Planning | Use CodePen.io Full Page view without any distractions or headers. | 1.0.7 | February 5, 2016 | view details → |
FormData Viewer | - | 0 | 289 | Developer Tools | View HTML FormData of all the forms on the page quickly with this utility. Shows hidden forms and hidden fields | 0.2 | October 18, 2019 | view details → |
Localhost2Phone | 5 | 2 | 27 | Developer Tools | This app allows us to test our localhost page on phone or any other device. | 3.0 | March 26, 2021 | view details → |
Jinno: code any React component with AI | 4.7 | 35 | 5k | Developer Tools | Develop html or react components with AI and chat GPT4. We can modify the React, HTML and CSS code for you. | 1.0.73 | July 10, 2024 | view details → |
Dump Dom | 4 | 4 | 710 | Developer Tools | One click to dump Dom! | 1.0 | May 28, 2021 | view details → |
Outline All Elements | - | 0 | 366 | Developer Tools | Add CSS Outline property to all elements on the page for debugging CSS Layout. | 1.0 | January 9, 2020 | view details → |
ContentMaster (content script editor) | - | 0 | 28 | Developer Tools | Allows you to run a content script (javascript) on the page you are browsing. Click the icon to edit the content script. By… | 2.0 | May 15, 2018 | view details → |
EazyCSS | 4.1 | 13 | 630 | Developer Tools | Turn your design thoughts into reality without writing code for any page and get your changes in CSS code. | 1.4.5 | July 5, 2022 | view details → |
Restyler | 4.8 | 14 | 526 | Developer Tools | A devtool extension for easy restyling of any webpage | 1.2.1 | June 24, 2019 | view details → |
break🔴 | 5 | 2 | 32 | Developer Tools | Extension to pause the execution of any webpage with breakpoint | 0.0.2 | July 4, 2021 | view details → |
Elements Viewer | 5 | 3 | 120 | Workflow & Planning | See your elements height and width on webpage | 1 | September 12, 2019 | view details → |
Adomics | - | 0 | 4 | Workflow & Planning | Adomics v1.1 helps to improve Dynamics with extra features like links to other tools, formatting, UI layout, etc | 1.1 | September 13, 2022 | view details → |
WebPage Builder | - | 0 | 157 | Developer Tools | Wysiwyg web page editor. Build your web templates without coding | 1.1.1 | October 7, 2023 | view details → |
Web Editor | 4.4 | 26 | 10k | Developer Tools | Forget about all the Code chaos and Customize your website in a handy way | 1.0.9 | September 17, 2023 | view details → |
Web Design Pirate | 3.8 | 20 | 2k | Developer Tools | Fast and easy way to copy web components, HTML widgets and parts of website design. | 1.5 | January 2, 2021 | view details → |
Dev Playground | 5 | 2 | 455 | Developer Tools | This extension serves various purposes for web developers and testers | 6.18.07.1 | July 29, 2018 | view details → |
Chrome Devtools Refresh Button | 4 | 4 | 744 | Developer Tools | Adds a simple refresh button (tab) to the Devtools window. | 1.0.2 | June 26, 2018 | view details → |
Style inspect | 5 | 2 | 150 | Developer Tools | Check all unique style been used in this page | 1.1 | January 5, 2021 | view details → |
Debugger Timeout | 5 | 4 | 130 | Developer Tools | The best extension to set a timed debugger to inspect hard-to-grab elements on web pages | 1.0.1 | September 21, 2023 | view details → |
SShopee | - | 0 | 26 | Workflow & Planning | 快速使用文字搜尋商品的工具，並且可以複製縮網址。4xDev(4-x.tw) | 3.1 | July 18, 2022 | view details → |
CSS Diff | 1.9 | 10 | 838 | Developer Tools | As you make CSS changes in the DevTools inspector window this will track your changes and provide you with a nicely formatted diff | 1.0 | April 20, 2016 | view details → |
Visual Markup | 5 | 6 | 33 | Developer Tools | See your HTML/CSS visually | 1.0 | July 31, 2018 | view details → |
Web Developer Tool for Chrome | 5 | 20 | 6k | Developer Tools | Web developer toolbox for your browser. | 1.0.0 | December 11, 2022 | view details → |
DesignMode | 3 | 2 | 510 | Developer Tools | Tiny helper to enable document.designMode | 1.1 | September 23, 2016 | view details → |
HTML & CSS Design Analysis | - | 0 | 716 | Developer Tools | Helps you analyze an HTML page by disabling or enabling various features. | 3.0.0.1 | July 25, 2023 | view details → |
DTEX tools | - | 0 | 4 | Workflow & Planning | Quick tools for better managing overleaf projects. | 0.0.2 | September 13, 2022 | view details → |
Visual CSS Editor | 4 | 107 | 30k | Developer Tools | Customize any website visually. | 7.6.3 | May 10, 2024 | view details → |
Stylex | 5 | 1 | 164 | Developer Tools | CSS color extractor 3000 | 1.1 | April 5, 2017 | view details → |
DevTools Theme: Just Black | 5 | 2 | 2k | Developer Tools | Black DevTools Theme Installation: 1.) Open chrome://flags 2.) Look for "Developer Tools experiments" 3.) Enable it and restart… | 0.1.0 | October 8, 2022 | view details → |
Pause page | 5 | 2 | 572 | Developer Tools | Instantly pause the page when DevTools is open using a keyboard shortcut. | 1.0 | November 23, 2021 | view details → |
DOM Square | 5 | 1 | 71 | Developer Tools | Extends the Developer Tools, adding a sidebar that helps to use emmet abbreviations and inject code into selected DOM element. | 1.0.1 | October 16, 2021 | view details → |
Shovel | 5 | 4 | 136 | Developer Tools | lightweight custom technology lookup | 0.5.0 | November 9, 2021 | view details → |
Live CSS Tester | 5 | 4 | 987 | Developer Tools | Easily inject CSS into a webpage for testing | 2.0.0 | January 3, 2023 | view details → |
UI Design | 5 | 3 | 1k | Developer Tools | UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding | 1 | February 20, 2020 | view details → |
Hoverify | 4 | 137 | 10k | Developer Tools | All-in-one browser extension to improve your web dev experience. | 4.1.0 | July 2, 2024 | view details → |
NerdyData Website Inspector | 5 | 6 | 2k | Developer Tools | Inspect websites and see what technologies they use! | 2.4.0 | January 22, 2024 | view details → |
Pause Debugger | 5 | 3 | 393 | Developer Tools | Freeze the page after x seconds so one can inspect it in the developper tools. Useful for elements which don't stay around for long. | 1.0 | October 12, 2019 | view details → |
Inspector on acids | 5 | 4 | 85 | Developer Tools | Inspect the page, choose what you need to inspect | 0.0.1.6 | March 29, 2022 | view details → |
Breeze: Website Management Tool | 2.9 | 8 | 3k | Developer Tools | All-in-one tools for website migration project, operating website and SEO tools. | 2.1.8 | May 17, 2024 | view details → |