Web developers and designers need to verify layout alignment and measure pixel distances on live web pages without switching to design tools, similar to Photoshop's built-in grid and ruler features

User clicks the Grid Ruler extension icon on any webpage. The extension injects React-based overlays that display rulers along the top and left edges of the page. The user can click and drag from either ruler to create grid guide lines. Clicking the corner intersection activates measurement mode where dragging draws a measurement line showing pixel distance (with Shift for constrained straight lines). Clicking the icon again hides the overlay.

Target users: Web developers / Web designers / Front-end engineers / UX/UI designers

Monetization

No paid features detected

No payment infrastructure, subscription model, feature gating, or upgrade UI exists in the extension. All paid-related keyword matches are false positives: 'pro' matches are from JavaScript prototype chains (Object.prototype, EventEmitter.prototype) in the bundled lodash library, and 'license' matches are from the MIT license header of lodash/underscore. The 'jwt' in verified_contents.json is Chrome's standard extension signing mechanism, not a payment token.

Confidence: 100
Payment platform: --
Source: AI / High
Login required: No
Reason: The extension is a purely client-side tool. It injects a script into the active tab using chrome.scripting.executeScript (background.js line 8) to overlay grids and rulers on the current page. There are no external service calls, no authentication endpoints, no user accounts, and no network requests to any backend service. All login-related keyword matches (jwt, auth, token, userid, account, signin) are false positives from the bundled lodash/underscore library code and Chrome's standard extension signing metadata.

Permission risk

Medium-risk permissions

This estimate uses declared permissions and host permissions to assess access scope and sensitivity.

扩展能力较强：activeTab、scripting

Publisher

tgohn

Independent publisher

Email: [email protected]
Phone: --
Address: --

Public contact fields are shown above. Developer portfolio pages are available on paid accounts.

View developer portfolio

Permissions

Host access