Responsive Design Checker

Responsive Design Checker is a Chrome extension that allows web developers and designers to quickly check how their websites look on various device screen sizes.

Features

• Check website responsiveness across common devices
• View websites in different screen sizes without leaving your browser
• Easily switch between portrait and landscape modes
• See device-specific and general media query information

Installation

1. Download the latest release of Responsive Design Checker from the GitHub releases page
2. Unzip the downloaded file to a location on your computer
3. Open Google Chrome and navigate to chrome://extensions
4. Enable "Developer mode" in the top right corner
5. Click "Load unpacked" and select the directory where you unzipped the extension files
6. The Responsive Design Checker extension should now be installed and visible in your Chrome toolbar

Usage

1. Click on the Responsive Design Checker icon in your Chrome toolbar
2. Select a device from the dropdown menu
3. Click "Check Responsiveness" to open the selected website in a new tab with the chosen device dimensions
4. Use the controls to switch devices, toggle landscape mode, or refresh the page

Development

To set up the development environment:

1. Clone this repository
2. Open Chrome and navigate to chrome://extensions
3. Enable "Developer mode" in the top right corner
4. Click "Load unpacked" and select the directory containing the extension files

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Privacy Policy

Please see our Privacy Policy for details on how we handle user data.