Viewport Resolver

A Chrome extension that displays the current viewport resolution and allows you to copy it to the clipboard.

Features

• Displays the width and height of the viewport.
• Updates the display in real-time as you resize the window.
• Click to copy the resolution to your clipboard in the format width x height.

Installation

1. Clone this repository or download the source code.
2. Open a terminal in the project directory and install the dependencies:

   npm install

3. Build the extension:

   npm run build

4. Open Google Chrome and navigate to chrome://extensions.
5. Enable "Developer mode" in the top right corner.
6. Click "Load unpacked".
7. Select the dist folder that was created in the project directory.

The Viewport Resolver extension icon will now appear in your Chrome toolbar. Click on it to see the current viewport resolution.