Resize the website's viewport horizontally without resizing the browser window
Viewport Resizer Extension
Viewport Resizer is a Chrome extension designed for web developers and designers. It allows users to resize a website's viewport horizontally without changing the browser window size, making it a great tool for testing responsive designs and viewing websites at specific widths.
Key Features
- Easily resize the viewport by dragging a resizable bar
- Display current viewport width in pixels
- Double-click the resize bar to expand to full width
- Automatically save the last used width for each site
Usage
- Click the extension icon to activate the resizer on the current page
- Drag the resize bar to adjust the viewport width
- View the current width in pixels displayed near the resize bar
- Double-click the resize bar to expand to full width
- Click the extension icon again to deactivate the resizer and return to normal browsing
Read more
Key Features
- Easily resize the viewport by dragging a resizable bar
- Display current viewport width in pixels
- Double-click the resize bar to expand to full width
- Automatically save the last used width for each site
Usage
- Click the extension icon to activate the resizer on the current page
- Drag the resize bar to adjust the viewport width
- View the current width in pixels displayed near the resize bar
- Double-click the resize bar to expand to full width
- Click the extension icon again to deactivate the resizer and return to normal browsing
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Viewport Resizer", "version": "1.0", "description": "Resize the website's viewport horizontally without resizing the browser window", "author": "Eugene Baranchuk ", "permissions": ["activeTab", "scripting"], "background": { "service_worker": "src/background.js" }, "icons": { "16": "src/assets/icon_16.png", "32": "src/assets/icon_32.png", "48": "src/assets/icon_48.png", "128": "src/assets/icon_128.png" }, "action": { "default_title": "Viewport Resizer" }}
Read more