2024.6.6

Allows tabs to be opened in separate minimalistic windows.

Latest Version

Version

2024.6.6

Update

June 7, 2024

Size

184KiB

Developer

Viewport (alpha) Extension

This is meant to allow users with small screen real estate (laptops) to maximize their workspace.

Main feature: Quickly converts regular window (with omnibar, bookmark bar, and other UI elements) to minimalistic window (popup window) and vice versa (while keeping the coordinates and height/width of the origin type the same), using keyboard shortcut: Ctrl + Shift + Period (default value, but modifiable in \"chrome://extensions/shortcuts\". On MacOS, it also uses \"Ctrl\" not \"Command\").

Display status in Title Bar: Although meant for having workspace in minimalistic windows, this extension displays the most current URL on the title bar in addition to the original title of the current page. This feature can be toggled with Ctrl + Shift + Alt + T, which might be useful when users want to save page to PDF or print page with original title.

Copy URL to clipboard: For convenience, users can quickly copy the current URL to the OS's clipboard with Ctrl + Shift + Alt + U.

Preset size and location: This extension would quickly popout the current tab, then resize the new popup window to preset locations onto your current monitor: try Ctrl + Shift + \"1 - 9\", these shortcuts will be removed in future versions to give way for new experimented features as a more useful set of shortcuts are now available \"Ctrl + Shift + ArrowLeft/Right/Up/Down\". These will move the current window to the edge of the current display. It will intuitively move to the next monitor if repeated. \"Ctrl + Shift + Alt + ArrowLeft/ArrowRight\" will move the current window directly to the adjacent display. This feature is implemented in the injected content script of the current page. That means it will not work on pages that do not allow content scripts (such chrome/edge://*/*, including chrome://new-tab-page, Chrome Web Store).

Hard reload: Sometimes users might want do \"hard reload\" of a page (bypassing old, cached data of a page). There is a way to do so within the devTool page, but this extension quickly allows hard reload with Ctrl + Shift + Alt + R.

Auto-popout: this extension will automatically pop a tab out when users visit youtube.com, edge://*, chrome://* (except for \"chrome://new-tab-page'\" and \"edge://newtab\"), file:///* (if extension allowed local file access), *.(pdf|jpg|png|gif|tiff). Other domains will be added such as Netflix, Prime Video, Disney Plus. They will be modifiable in the options page in future versions.

This extension is in beta stage, which is being actively updated with new features. If the extension becomes too packed with features, they might be broken up into multiple extensions later. It is based on previous versions of Ett Chung's work (https://chromewebstore.google.com/detail/popup-window/nnlippelgfbglbhiccffmnmlnhmbjjpe) which is a purer implementation of the main feature without bells or whistles, or keyboard shortcut pollution.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Viewport (alpha)", "version": "2024.6.6", "action": { "browser_style": true, "default_icon": { "128": "icons/icon128.png", "16": "icons/icon16.png", "48": "icons/icon48.png", "96": "icons/icon96.png" }, "default_title": "Popout Viewport." }, "background": { "service_worker": "viewport_sw.js", "type": "module" }, "content_scripts": [ { "all_frames": false, "js": [ "viewport_cs.js" ], "matches": [ "" ], "run_at": "document_start", "match_about_blank": true } ], "description": "Allows tabs to be opened in separate minimalistic windows.", "icons": { "128": "icons/icon128.png", "16": "icons/icon16.png", "48": "icons/icon48.png", "96": "icons/icon96.png" }, "manifest_version": 3, "permissions": ["activeTab","management","storage","system.display","webNavigation","favicon"], "host_permissions": ["*://*/*"], "optional_permissions": ["contextMenus","tabs","clipboardWrite"], "author": "Bryan Ho, based on Ett Chung's work", "commands": { "_execute_action": { "description": "Converts Popup <--> Normal tab" }, "move_Up_ToEdgeOfScreen": { "suggested_key": { "default": "Ctrl+Shift+Up", "windows": "Ctrl+Shift+Up", "linux": "Ctrl+Shift+Up", "mac": "MacCtrl+Shift+Up" }, "description": "Move UP to edge of screen, in a loop." }, "move_Left_ToEdgeOfScreen": { "suggested_key": { "default": "Ctrl+Shift+Left", "windows": "Ctrl+Shift+Left", "linux": "Ctrl+Shift+Left", "mac": "MacCtrl+Shift+Left" }, "description": "Move LEFT to edge of screeen, in a loop." }, "move_Right_ToEdgeOfScreen": { "suggested_key": { "default": "Ctrl+Shift+Right", "windows": "Ctrl+Shift+Right", "linux": "Ctrl+Shift+Right", "mac": "MacCtrl+Shift+Right" }, "description": "Move RIGHT to edge of screeen, in a loop." }, "pop": { "suggested_key": { "default": "Ctrl+Shift+Period", "windows": "Ctrl+Shift+Period", "linux": "Ctrl+Shift+Period", "mac": "MacCtrl+Shift+Period" }, "description": "Converts Popup <--> Normal tab" } }, "options_ui": { "open_in_tab": false, "page": "options.html" }, "web_accessible_resources": [ { "resources": [ "popup/popup.html", "public/monkeypatch.mjs", "public/monkeypatch_DOM.mjs" ], "matches": [ "" ] }, { "resources": ["_favicon/*", "icons/icon128.png"], "matches": [""], "extension_ids": ["*"] } ]}

Download CRX(184KiB)