Resize the browser window to emulate various screen resolutions.

Latest Version

Version
0.0.6
Update
February 17, 2024
Size
1.7MiB
Developer
Category
Users
66
Rating
1 ★
Manifest Version
3
Web Store Status
Languages Support
English
日本語
See more
Permissions
ActiveTab
Storage
System.display
See more

Window Resize Presetter Extension

■ Overview
\"Window Resize Presetter\" is a Chrome extension that allows you to change the size and position of your browser window as per your settings. It's an invaluable tool for web designers and developers to easily test layouts on different resolutions.

■ Key Features
◆ Customizable Size Change Function

Presets can be freely customized
Allows setting of window size, display position, icon, and name
Presets can be rearranged via drag-and-drop in the settings screen
Clicking the extension icon displays a list of presets
Selecting a preset changes the size and position of the window
Includes convenient presets like iPhone and Full HD
◆ Size Information Tooltip

Displays an information tooltip when the window size or position is changed
Tooltip's ON/OFF and display duration can be adjusted in the settings screen
◆ Ideal for Web Designers and Developers

Perfect for layout testing across different resolutions
Useful for checking the responsiveness of web pages
■ Note
Due to Chrome's specifications, there may be a slight discrepancy of a few pixels in the window's position and size.

■ Summary
\"Window Resize Presetter\" is an efficient tool that instantly changes the size and position of your browser window. It provides features that allow designers and developers to easily test web page displays on different devices and resolutions. With customizable presets and intuitive usability, it smoothly supports your web development tasks.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "version": "0.0.6", "background": { "service_worker": "js/service-worker.js" }, "content_scripts": [ { "matches": [ "http://*/*", "https://*/*" ], "js": ["js/content.js"] } ], "icons": { "32" : "img/WRP_32.png", "64" : "img/WRP_64.png", "100" : "img/WRP_100.png", "200" : "img/WRP_200.png" }, "action": { "default_icon": { "32" : "img/WRP_32.png", "64" : "img/WRP_64.png", "100" : "img/WRP_100.png", "200" : "img/WRP_200.png" }, "default_popup": "html/popup.html" }, "offline_enabled": true, "options_ui": { "page": "html/setting.html", "open_in_tab": true }, "permissions": [ "activeTab", "storage" , "system.display" ], "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "default_locale": "en", "name": "__MSG_extensionName__", "description": "__MSG_extensionDescription__", "manifest_version": 3, "minimum_chrome_version": "88"}
Read more

How to download and manually install Window Resize Presetter extension for Chrome

Looking for a way to install Window Resize Presetter extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Window Resize Presetter extensions manually, this article outlines two simple methods to effortlessly install Window Resize Presetter extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Window Resize Presetter extension and manually install through Drag &Drop

If you ever need to manually install a Window Resize Presetter extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Window Resize Presetter Extension by clicking the "Download CRX" button on the website.

Look for the Window Resize Presetter extension you wish to install. Go to the website and download the Window Resize Presetter extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Window Resize Presetter extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Window Resize Presetter extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Window Resize Presetter extension for Chrome and install in Developer Mode

This is another method to install Window Resize Presetter extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Window Resize Presetter extension file

Select and download the Window Resize Presetter extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Window Resize Presetter extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Window Resize Presetter extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Window Resize Presetter extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Window Resize Presetter extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Window Resizer Extension · Developer Tools 66 6 ★ 602KiB

icon

ウィンドウサイズ変更 Extension · Developer Tools 66 0 ★ 126KiB

icon

Window Resizer Extension · Developer Tools 66 5 ★ 15.92KiB

icon

Screen Size Extension · Productivity 66 15 ★ 19.14KiB

icon

Window Resizer Extension · Productivity 66 7 ★ 67.24KiB

icon

Screen Sizes Extension · Productivity 66 22 ★ 107KiB

icon

Easy Window Resize Extension · Developer Tools 66 37 ★ 46.42KiB

icon

Window Resizer Extension · Developer Tools 66 2 ★ 10.21KiB

icon

Tab Page & Window Resizer Extension · Productivity 66 2 ★ 720KiB

icon

Window Layout Resizer Extension · Productivity 66 6 ★ 201KiB

icon

Window Sizer Extension · Developer Tools 66 15 ★ 1.26MiB

icon

1Click Resize Window Extension · Productivity 66 21 ★ 61.78KiB

icon

Proteus: Window Resizer Extension · Developer Tools 66 0 ★ 84.24KiB

icon

Window Resizer Extension · Productivity 66 3 ★ 3.35MiB

icon

Window Resizer Extension · Productivity 66 6 ★ 50.75KiB

icon

What Is My Screen Resolution Extension · Productivity 66 2 ★ 9.92KiB

icon

Browser resize Extension · Developer Tools 66 12 ★ 16.94KiB

icon

ResizeIT Extension · Productivity 66 6 ★ 417KiB

icon

Resize Window Extension · Productivity 66 7 ★ 9.19KiB

icon

Show Window Size Extension · Productivity 66 1 ★ 13.4KiB

icon

Free Screen Resolution Checker Extension · Productivity 66 0 ★ 94.18KiB

icon

Custom Page Zoom Extension · Productivity 66 56 ★ 47.12KiB

icon

Window Resizer Extension · Developer Tools 66 30 ★ 125KiB

icon

Window Resizer Extension · Developer Tools 66 2278 ★ 503KiB