dcmngpimdmphfpdbfoapdgejbiaeljbm
Advanced tools for measuring website components Calculate length of freehand line Calculate length of line Calculate radius, diameter, perimeter and area of circle Calculate width, height, perimeter and area of rectangle Calculate length of polygon Calculate angle of two lines Clear all Configure padding of text, line width, point radius, tool colors, text colors, etc. Set background, text font, etc. Add more updates...
Measure Everything
Measure Everything is a powerful tool for measuring distances between DOM Elements on a webpage. Just click an element and then hover your mouse pointer over another element in order to get instant distance measurements. You need to activate the extension by clicking on its icon before using it or pressing the hotkey Alt+Shift+M. Consider pinning the icon of this extension for easier use. Any feedback and reviews are welcome.
Dimensions
A tool for designers to measure screen dimensions This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect. It doesn't really work with images because there the colors change a lot pixel to pixel. Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser. Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring. You can start and stop dimensions with the ALT + D shortcut. Wanna get the radius of a circle? Is text standing in your way? Press Alt to measure the dimensions of a connected area. Dimensions is Open Source and hosted on Github. Want to port it to Firefox? Go ahead and fork it. Pull requests are welcome! https://github.com/mrflix/dimensions
Mesurer
Measure and align elements on any website. Mesurer is a lightweight on-page measurement tool for designers and design engineers. Click the extension icon to toggle an interactive overlay and inspect layout spacing directly in the browser. What you can do: - Measure width and height of elements instantly - Add horizontal and vertical guides for alignment checks - Measure distance between elements and guides with Option/Alt - Pin distance overlays while comparing multiple areas - Toggle the tool on/off with a single click Why Mesurer: - Fast workflow with a minimal toolbar UI - Built for real-world UI QA and implementation checks - Works directly on the page you are inspecting - No account required Permissions: - activeTab and scripting are used only to run Mesurer on the tab you click. - Mesurer does not require broad always-on access to all tabs.
Visual Inspect UI
Advanced Visual Inspector for Editing Web Page Elements. Visual Inspect UI is a powerful tool for interactive web element inspection. It enables users to modify styles and text content with ease while providing access to media resources and page elements through a modern, user-friendly interface. ✔ View and modify styles in real-time ✔ Edit text content directly on the page ✔ Interactive element highlighting ✔ Fixed sidebar panel for quick access ✔ Image Scraper: Find and access page images (works with non-CORS protected images) ✔ Video Scraper: Locate video sources (works with non-CORS protected videos) ✔ One-click media file access 📄 Page Tools ✔ Export Source: Save page HTML with one click ✔ Reset Interface: Clear the panel and UI elements for a fresh workspace Featuring a sleek translucent design and a user-friendly interface, Visual Inspect UI is the perfect extension for developers, designers, and content creators looking to inspect and extract web content efficiently. ➡ Download now and take web inspection to the next level! 🚀