Page Ruler – CSS Inspector & Grid Overlay Chrome extension

Measures page elements in pixels and inspects CSS with a grid overlay It sits in the developer tools category and runs as a Chrome extension, so it works right inside your browser.

Page Ruler – CSS Inspector & Grid Overlay has a free version with optional paid plans for extra features.

Some features of Page Ruler – CSS Inspector & Grid Overlay may require an account. Check the listing before you install if that matters to you.

Page Ruler – CSS Inspector & Grid Overlay suits anyone who needs a simple developer tools tool in Chrome.

Open Page Ruler – CSS Inspector & Grid Overlay in the Chrome Web Store, click Add to Chrome, review the permissions in the pop-up, then click Add extension. Pin it from the puzzle-piece icon to keep it one click away.

Go to chrome://extensions, find Page Ruler – CSS Inspector & Grid Overlay and click Remove. You can also right-click its toolbar icon and choose Remove from Chrome.

Check the permissions Page Ruler – CSS Inspector & Grid Overlay requests when you install it, prefer versions that are actively updated, and review its privacy policy. Only keep extensions you actively use.

Most Chrome Web Store extensions, including Page Ruler – CSS Inspector & Grid Overlay, can be installed in Chromium-based browsers such as Microsoft Edge and Brave. Some features may differ by browser.

No. Chrome's mobile apps don't run Chrome Web Store extensions, so Page Ruler – CSS Inspector & Grid Overlay works on desktop Chrome and other Chromium browsers on Windows, Mac, Linux and ChromeOS.

There are several extensions that do a similar job. Browse the developer tools category to compare options.

Page Ruler – CSS Inspector & Grid Overlay works on most websites you visit in Chrome.

Most lightweight extensions have little impact, but every extension uses some memory. If Chrome feels slow, open More tools, then Task manager, to see how much Page Ruler – CSS Inspector & Grid Overlay uses.