Your Pixel-Perfect Ruler for Measuring Web Elements

Latest Version

Version

1.0.2

Update

August 27, 2024

Size

476KiB

Developer

PixGrid Ruler Extension

Introducing PixGrid: Your Ultimate Pixel-Perfect Ruler for Web Element Measurements

Discover PixGrid, the browser extension designed to enhance your web browsing experience with pinpoint precision. Whether you're a designer, developer, or simply someone who values accuracy, PixGrid is your go-to tool for measuring web elements effortlessly.

Features:
📏 Ruler Tool: Get pixel-perfect measurements with our intuitive ruler feature. Say goodbye to estimation and hello to precision.

🔍 Measure Web Elements: Seamlessly measure elements on web pages with a ruler tool to ensure your designs align perfectly and your layouts are on point.

🖱️ Free Selection: Enjoy the freedom to select with the ruler any element on a webpage and instantly measure its size with ease.

⌨️ Keyboard Shortcuts: Navigate through measurements swiftly using convenient keyboard shortcuts, streamlining your workflow.

Who Can Benefit:

🎨 Designers: Perfect for ensuring your designs are pixel-perfect and align seamlessly with your vision.

💻 Developers: Streamline your coding process by accurately measuring and placing web elements in the right spots.

📐 Professionals: Architects, photographers, and other professionals can rely on PixGrid for precise measurements on web content.

📚 Students: Ideal for learning about web design and development, giving you the tools to practice and grow.

Elevate your browsing experience today with PixGrid – where precision meets simplicity. Try it now and experience the future of accurate web element measurement.

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"background":{"service_worker":"js/background.js"},
"action":{"default_icon":{"16":"icons/icon16.png",
"48":"icons/icon48.png",
"128":"icons/icon128.png",
"300":"icons/icon300.png"},
"default_title":"__MSG_extName__"},
"icons":{"16":"icons/icon16.png",
"48":"icons/icon48.png",
"128":"icons/icon128.png",
"300":"icons/icon300.png"},
"version":"1.0.2",
"name":"__MSG_extName__",
"description":"__MSG_extShortDesc__",
"default_locale":"en",
"minimum_chrome_version":"102",
"permissions":["scripting",
"alarms",
"storage"],
"host_permissions":[""],
"incognito":"split",
"commands":{"_execute_action":{"suggested_key":{"default":"Alt+P"}}},
"web_accessible_resources":[{"resources":["css/content.css",
"images/close.png",
"images/help.png",
"images/element-mode-toggle.png",
"images/arrow-up.png",
"images/arrow-down.png",
"images/arrow-left.png",
"images/arrow-right.png",
"images/dock-top.png",
"images/dock-bottom.png",
"images/help-white.png",
"images/crosshair.png"],
"matches":[""]}]}

Download CRX(476KiB)