The Browser Dimension Setter & Viewer is a simple Chrome extension designed to enhance your web design process by allowing you to set specific dimensions for the browser window and view its current width and height. This tool is invaluable for designers and developers creating responsive layouts, as it accounts for the actual browser UI, unlike traditional responsive design modes in development tools.
- Set Browser Dimensions: Easily specify the width and height for your browser window to set different browser sizes.
- View Actual Dimensions: View the current width and height of your browser window, taking into account the browser's user interface.
- Enhance Responsive Design: Perfect for testing and designing websites that require precise layout adjustments based on the viewport size.
- Download or clone the files in this repo.
- Open the Chrome Extensions page by navigating to
chrome://extensions/in your Google Chrome browser. - Enable Developer Mode by toggling the switch in the top right corner.
- Click on "Load unpacked" and select the folder where you downloaded the extension.
- The extension should now appear in your extensions list and is ready to use.
After installation, you'll find the Browser Dimension Setter & Viewer icon in your Chrome toolbar.
- To Set Dimensions: Click on the extension icon and enter the desired width and height in the provided fields and press 'enter' to adjust the browser window size.
- To View Dimensions: The current dimensions of the browser window are displayed at the very bottom right. These update in real-time as you adjust the window size.
Your contributions are welcome! If you have suggestions for improving this extension, please fork the repository and submit a pull request. You can also open an issue with your suggestions or feedback.
If you encounter any issues or have questions about using the Browser Dimension Setter & Viewer, please open an issue on the GitHub repository page. We aim to provide timely and helpful support to all users.
This extension is released under the MIT License. Feel free to use it, modify it, and distribute it as you see fit.