screenshotPage Grid  |  Download Add a simple grid to any page with adjustable size, and color.

Some of the important features of the Page Grid addon are listed below. This is followed by an overview of this addon. This summary contains few words about the addon, its function, and its features. Next is FAQ, this section is useful to get information about how this addon works in your browser. If you couldn't find a specific answer, please fill the bug report form on this page or the contact form on the homepage to let us know about your question. Following the FAQ, is the bug report form. It is designed to collect user feedbacks and bugs about this addon. Users can suggest improvements or feature requests through this form too. The next section is for submitting comments about this addon which uses the Facebook comments plugin. The last section is dedicated to reports submitted through the GitHub website. We hope the information provided on this page, could help you get all the basics you need about this addon and enable you to have a better experience with Page Grid.

In short, Page Grid is a lite tool that lets you draw a grid on any page. Moreover, the grid size, order, density, and color are all adjustable via the options page. Please check the YouTube tutorial below to get an idea of how this addon works in your browser. If you want to contribute to the developement of this addon, please fork it on GitHub, and push your changes to a named branch. Moreover, you can review all the comments made on GitHub commits.

4 Reasons to Use Page Grid

  • Very lite addon with no background activities.

  • Has ON|OFF switch to quickly turn the addon ON or OFF.

  • Works with touch-enabled devises and desktop machines with a mouse.

  • Available for Chrome and Edge browsers on all operating systems.

YouTube Tutorial

This video gives you an idea of how the extension works in your browser.

Matched Content

Frequently Asked Questions

  • 1. What is Page Grid?

    Page Grid is a lite and multi-browser add-on that lets draw a customizable grid on any page. Simply press the toolbar button and the grid appears on the active tab. Pressing the escape or the toolbar button again removes the grid. To change grid properties (size, order, color, and density) please visit the option page for the extension.

  • 2. How can I work with Page Grid addon?

    To work with the Page Grid add-on, simply browse to a website that you want to add the grid layout. Then, please click on the toolbar button once to activate the addon. Once the addon is activated, you can see a uniform grid on the page. Pressing on the toolbar button will disable the addon and remove the grid. As mentioned above, you can change the grid size, line width, line color, and also the grid z-index from the options page. Z-Index is related to the element stack order in HTML. You can move the grid layout to the front or back (relative to other HTML elements) by adjusting this value. Please note that the z-index value is between -2147483644 to +2147483644.

  • 3. How can I download the source code for Page Grid?

    To download the source code for this extension from Chrome Web Store, it is recommended to use Extension Source Downloader. With this addon, you can download the source code as a ZIP or CRX format to your machine. If you want to download the source code from the Firefox addons store, please open the firefox download link (if available) in the Firefox browser and then right-click on the - Add to Firefox - button and select - Save Link As... - item. Choose the destination folder on your machine and then save the file in XPI format. You can then rename the XPI format to a RAR or ZIP file. Some extensions may have a GitHub repo address, which you can use to download the source code as well. But, it may not be the latest version of the addon. Therefore, downloading the source code from the official web stores is the best option as it always gives you the latest version of the addon.

  • 4. How does the page Grid addon work?

    This addon works based on pure JavaScript codes, no third-party libraries are used. All modern browsers currently support this API. Moreover, it works for both mobile and desktop machines on all operating systems.

  • 5. Can I move the grid layout within the page?

    Within the options page, there are two fields for the X and Y positions. Please adjust these values to move the grid layout within the page. Please note that both these values are in pixel units.

  • 6. Is there any options or setting page available for this addon?

    Yes, there is an options page for this addon with a few settings to adjust. To open the options page, please right-click on the toolbar button and then press the - Options - from the context menu.

  • 7. Can I open page grid in a blank tab?

    No, the grid is only working on a website with content. It is not working for a blank or empty tab.

  • 8. How can I revert the page to the original state?

    If you want to disable the addon, please reload the page once. Please note that all the changes made by this addon will be erased as soon as you reload the page (active tab). You can also click on the toolbar button once to remove the grid and label.

  • 9. Where can I find the privacy policy for Page Grid?

    Please read the privacy policy for this extension here.


Reporting Bugs

Your feedback goes a long way towards making this addon even better. With this feedback and bug report form, you can report bugs or suggest features/enhancements for the functionality or performance of this addon. Please note that this form will be sent to the developer(s) of this addon. You will not get an immediate or personal response at the moment. However, the developer(s) may contact you through the email address provided in this form for further clarifications or to request additional information regarding the reported bug(s).

If you want to rate or write a review for this addon in the official webstore, please press the - Rate this addon - button below.

Please enter the name of the extension (addon).

Please enter the current version of the extension.

Please be as specific as possible. Basically, describe what happened, what you were doing when it happened, and why you think it is a problem.

Describe the step-by-step process required to reproduce the issue you are reporting. Be specific when describing these steps by providing as much detail as possible.

Please try to leave a link to a screenshot for the specific bug or error report.

Please enter your operating system.

Please enter your browser and its current vesrion.

Please enter your email address.

Reviews | Discussions

Please note: keep these reviews/discussions clean, and avoid the usage of derogatory or inappropriate language or terminology in references to individuals or groups based on race, national or ethnic origin, color, religion, age, gender, etc. Do not submit bugs in your reviews, use the above bug-report section instead. Also, never post any personal information in these reviews.

GitHub Issues | Fork me on GitHub