Pop out the current page (or an element) into a separate window.

Latest Version

Version

0.1.5

Update

February 5, 2024

Size

22.78KiB

Developer

POPElement Extension

Click on the extension icon to detach the current tab and open it as a separate window (a clean popout window, without bookmarks or back/forward buttons, etc.).
Or right-click the extension icon and select \"Toggle picker...\" to activate a picker that let's you visually highlight and choose which element to pop-out.

With the picker active:
- Press ESC (or right-click) to quit the picker.
- Use Q/A keys to expand/reduce the highligthed selection, then press SPACE to add it to the POP Window.

In the popped out window:
- right-click anywhere on the page and select \"Re-attach as tab...\" to restore the popped out elements.

You can also use Alt+O as a shortcut for the PopOutPage command (or configure an alternate shortcut key in the extension settings).

**NOTE**: Although the extension tries to keep the elements stylized as in the original page,
it still may not correctly guess what to hide and how, but using the \"Re-attach as tab...\" feature described above should get you back to the original page and layout.

REPO: https://github.com/azrafe7/POPElement

Please report bugs/feature requests at https://github.com/azrafe7/POPElement/issues

CHANGELOG: https://github.com/azrafe7/POPElement/blob/main/CHANGELOG.md

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "POPElement", "version": "0.1.5", "description": "Pop out the current page (or an element) into a separate window.", "manifest_version": 3, "permissions": ["activeTab", "contextMenus", "scripting"], "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [""], "js": ["ElementPicker.js", "contentScript.js"], "css": ["ElementPicker.css"], "all_frames": false } ], "web_accessible_resources": [ { "resources": ["POPElement.css", "assets/icon128_popped.png", "assets/icon128_on.png"], "matches": [""] } ], "icons": { "128": "assets/icon128.png" }, "action": { "default_icon": { "128": "assets/icon128.png" }, "default_title": "POPElement" }, "commands": { "_execute_action": { "suggested_key": { "default": "Alt+O" } } }}

Download CRX(22.78KiB)