Buffering shoot and collect to it

Latest Version

Version

1.0.2

Update

March 6, 2023

Size

628KiB

Developer

Oolet Extension

Screenshot visible web page and snap to anywhere in the site
after website loading finished, you can shot multiple images and save meaningful part
Oolet extension is created for user want to capture and see in current site also want to see the different content or paragraph at the same time.

Oolet extension property:
✓ Screenshot
✓ Snap to the site
✓ Dynamically scale image
✓ Download as image file
✓ Snap from other site shot
✓ Image search

👉Click Oolet icon
• List Shoot: Get other tab's shoot
• Capture: Immediate shot current page and do search

👉Shortcut
• Click camera icon[enable shortcut then click 'O']: capture screenshot

👉ScreenShot[in container list]
• Fix: snap your shot in the site
• Search: Search trigger to edit image before google search

👉ScreenShot[in the site]
• single click: Moving image to anywhere in the website, more once click to stop this function.
• dbclik: enable draggable for image

• red scale anchor: Scale the image in fix ratio
• green scale anchor: Ajust visible area
• Slider: control opacity of the image
• \"hidden\" icon: hidden image by replacing it as H icon
• \"garbage\" icon: delete this shot
• \"download\" icon: Download visible part of image
• \"reset\" icon: show the whole image in container
• \"search\" icon: search image

The free version would set follow constraint
- limitation capture 3 times in one page
- limitation image by collecting from other tabs
- Without dragging enable
- Without countdown capture function

image reference: https://icons8.com/icons/set/

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"name": "Oolet",\t"description": "Buffering shoot and collect to it",\t"manifest_version": 3,\t"version": "1.0.2",\t"permissions": [\t\t"activeTab",\t\t"tabs",\t\t"storage"\t],\t"host_permissions": [\t\t"*://*/*"\t],\t"action": {\t\t"default_popup": "./pages/popup.html",\t\t"default_icon": "./static/Oolet.png"\t},\t"content_scripts": [\t\t{\t\t\t"matches": [\t\t\t\t""\t\t\t],\t\t\t"js": [\t\t\t\t"./public/content.js",\t\t\t\t"./public/app/BoxComponent/BoxContext.js",\t\t\t\t"./public/app/BoxComponent/BoxFunc.js",\t\t\t\t"./public/app/BoxComponent/BoxUIDesign.js",\t\t\t\t"./public/app/HoverComponent/HoverElement.js",\t\t\t\t"./public/app/HoverComponent/HoverBoxComponentWrapper.js",\t\t\t\t"./public/app/HoverComponent/HoverBoxContext.js",\t\t\t\t"./public/app/HoverComponent/HoverBoxContextFunc.js",\t\t\t\t"./public/app/HoverComponent/PreviewBoxContext.js",\t\t\t\t"./public/app/Components/EvtButton.js",\t\t\t\t"./public/app/Components/MaskCropElement.js",\t\t\t\t"./public/app/Components/SliderElement.js",\t\t\t\t"./public/app/Components/ScaleAnchor.js",\t\t\t\t"./public/app/Definition.js",\t\t\t\t"./public/util/icon.js",\t\t\t\t"./public/util/SvgDesign.js",\t\t\t\t"./public/util/gImgSearch.js",\t\t\t\t"./public/util/BlobFunc.js",\t\t\t\t"./public/util/CropImg.js"\t\t\t],\t\t\t"css": [\t\t\t\t"./public/app/OoletStyles.css",\t\t\t\t"./public/app/BoxComponent/BoxStyle.css",\t\t\t\t"./public/app/HoverComponent/PreviewBoxStyle.css",\t\t\t\t"./public/app/HoverComponent/HoverElementStyle.css",\t\t\t\t"./public/app/HoverComponent/HoverBoxContextStyle.css",\t\t\t\t"./public/app/HoverBoxStyle.css",\t\t\t\t"./public/util/loading-icon.css"\t\t\t]\t\t}\t],\t"background": {\t\t"service_worker": "./public/background.js"\t},\t"web_accessible_resources": [\t\t{\t\t\t"resources": [\t\t\t\t"static/scale_icon.png",\t\t\t\t"static/delete-icon.png",\t\t\t\t"static/delete-icon-hover.png",\t\t\t\t"static/icons8-search-50.png",\t\t\t\t"static/icons8-clip-snapping-64.png",\t\t\t\t"static/icons8-reset-48.png",\t\t\t\t"static/icons8-downloads-24.png",\t\t\t\t"static/icons8-invisible-30.png",\t\t\t\t"static/icons8-image-gallery-50.png",\t\t\t\t"static/icons8-edit-64.png",\t\t\t\t"static/icons8-hand-cursor-48.png",\t\t\t\t"static/icons8-time-lapse-50.png",\t\t\t\t"static/icons8-external-link-48.png",\t\t\t\t"public/app/OoletStyles.css",\t\t\t\t"public/app/BoxComponent/BoxStyle.css",\t\t\t\t"public/app/HoverComponent/PreviewBoxStyle.css",\t\t\t\t"public/app/HoverComponent/HoverElementStyle.css",\t\t\t\t"public/app/HoverComponent/HoverBoxContextStyle.css",\t\t\t\t"public/app/HoverBoxStyle.css",\t\t\t\t"public/util/loading-icon.css"\t\t\t],\t\t\t"matches": [\t\t\t\t""\t\t\t]\t\t}\t],\t"icons": {\t\t"48": "static/Oolet.png"\t},\t"content_security_policy": {\t\t"script-src": "self",\t\t"default-src": "self",\t\t"object-src": "self"\t}}

Download CRX(628KiB)