Resize the browser window to emulate various screen resolutions.
Window Resizer Extension
This extension re-sizes the browser's window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.
The resolutions list is completely customizable (add/delete/re-order).
You can set the window's width/height, window's position, preset icon (phone, tablet, laptop, desktop) and even the option to apply the new dimensions to the entire window or just to the viewport.
The extension also features customizable global key shortcuts, an option to export your settings and import them on another computer and more!
Please report all bugs (or suggestions) using the support link on the extension's details page.
Read more
The resolutions list is completely customizable (add/delete/re-order).
You can set the window's width/height, window's position, preset icon (phone, tablet, laptop, desktop) and even the option to apply the new dimensions to the entire window or just to the viewport.
The extension also features customizable global key shortcuts, an option to export your settings and import them on another computer and more!
Please report all bugs (or suggestions) using the support link on the extension's details page.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "background": { "service_worker": "scripts/background-process.js" }, "action": { "default_icon": { "16": "assets/icons/browser-icon-16.png", "19": "assets/icons/browser-icon-19.png", "32": "assets/icons/browser-icon-32.png", "38": "assets/icons/browser-icon-38.png" }, "default_popup": "views/popup.html" }, "icons": { "16": "assets/icons/icon-16.png", "19": "assets/icons/icon-19.png", "24": "assets/icons/icon-24.png", "32": "assets/icons/icon-32.png", "38": "assets/icons/icon-38.png", "48": "assets/icons/icon-48.png", "64": "assets/icons/icon-64.png", "96": "assets/icons/icon-96.png", "128": "assets/icons/icon-128.png" }, "options_page": "views/settings.html", "manifest_version": 3, "name": "Window Resizer", "description": "Resize the browser window to emulate various screen resolutions.", "permissions": [ "scripting", "activeTab", "contextMenus", "storage", "offscreen" ], "optional_permissions": [ "tabs", "webNavigation" ], "optional_host_permissions": [ "*://*/*" ], "version": "2.7.0.2169", "version_name": "2.7.0", "web_accessible_resources": [ { "resources": [ "assets/tpl/*", "assets/fonts/*" ], "matches": [ "*://*/*" ] } ], "commands": { "_execute_action": { "description": "Show popup", "suggested_key": { "default": "Alt+Shift+W" } }, "a-manual-tooltip-toggle": { "description": "Toggle tooltip", "suggested_key": { "default": "Alt+Shift+T" } }, "b-rotate-viewport": { "description": "Rotate the viewport", "suggested_key": { "default": "Alt+Shift+R" } }, "c-cycle-presets": { "description": "Cycle presets", "suggested_key": { "default": "Alt+Shift+Down" } }, "d-cycle-presets-reverse": { "description": "Cycle presets in reverse order" }, "presets-01": { "description": "Resize to preset 1" }, "presets-02": { "description": "Resize to preset 2" }, "presets-03": { "description": "Resize to preset 3" }, "presets-04": { "description": "Resize to preset 4" }, "presets-05": { "description": "Resize to preset 5" }, "presets-06": { "description": "Resize to preset 6" }, "presets-07": { "description": "Resize to preset 7" }, "presets-08": { "description": "Resize to preset 8" }, "presets-09": { "description": "Resize to preset 9" }, "presets-10": { "description": "Resize to preset 10" } }, "minimum_chrome_version": "100", "offline_enabled": true}
Read more