rg/screenshot.js
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
A browser extension that takes screenshots.
240 Commits 1 Branch 17 Tags 12 MiB
JavaScript 76.1%
HTML 16.4%
CSS 7.1%
Shell 0.4%
Go to file
rg 0530eeb133 Define gridPollId at top of file
2020-01-13 13:04:17 +01:00
scripts Resort src/html, src/js, src/css 2020-01-05 04:38:20 +01:00
src Define gridPollId at top of file 2020-01-13 13:04:17 +01:00
webstore-assets/v0.8.0 Delete old screenshots (depend on git tags for this instead) 2020-01-10 20:50:36 +01:00
.gitignore Move the remaining CSS files in src/css to 2019-12-29 16:29:38 +01:00
CHANGELOG.md Delete properties on a Screenshot object after revoke 2020-01-10 20:50:36 +01:00
LICENSE.txt Fix license link 2019-11-10 04:24:37 +01:00
README.md Delete old screenshots (depend on git tags for this instead) 2020-01-10 20:50:36 +01:00

README.md

Screenshot.js

A browser extension that takes screenshots.
The extension works on all Chromium-derived browsers with Firefox support planned for the future.

Features

With Screenshot.js, you can:

  • Take a screenshot of the page on the current tab using a keyboard shortcut
    (Ctrl + Shift + X on PCs and Command + Shift + X on Macs).

  • Take a screenshot of the video being played on the current tab using a keyboard shortcut
    (Ctrl + Shift + V on PCs and Command + Shift + V on Macs).

  • Store screenshots in temporary browser memory.

  • Open screenshots in a new tab, save them to disk, copy them to the clipboard
    and delete them from temporary browser memory.

  • Select the number of screenshots stored in temporary browser memory.
    (Default is 4).

  • Select between capturing videos at their natural size or at their visible size.
    (Default is visible size)

Screenshots

v0.8.0

  • The view that previews screenshots, and lets you perform actions on them.
    (Such as open, save, copy, and delete).

    screenshot

  • The same view as previous, but with instructions on how to take screenshots visible.

    screenshot

  • The settings view, with a drop down expanded.

    screenshot

Install

Web stores

  • Chrome Webstore

    Version of Screenshot.js on the Chrome Webstore could be outdated

    Screenshot.js gets flagged for manual review each time it's published on the Chrome Webstore. The manual review process is sometimes slow relative to the rate at which there are new versions of Screenshot.js

    To give you an idea of how far behind Screenshot.js can be: At the time of writing the published version on the webstore is v0.2.5 while the current version of Screenshot.js is v0.7.0, with v0.8.0 almost complete.

    It's recommended to check how far behind the webstore version is before installing, and to consider installing from source if it's outdated. The current version of Screenshot.js can be seen on the releases page.

  • Firefox ...

    Coming soon.

From source

  • Grab a copy of the extension:

    git clone https://github.com/rg-3/screenshot.js

  • Convert the SCSS files to CSS
    (This step requires the scss executable to be in $PATH):

    cd screenshot.js
sh scripts/build.sh

  • In your browser, open chrome://extensions.

  • Enable the Developer mode checkbox.

  • Click the Load unpacked extension button and point it at the src/ directory in the cloned repository.

  • Done.

Dependencies

Runtime dependencies

Dependencies used while the extension is running:

  • Spectre.css
    Minimalist CSS framework.

  • Feather Icons
    Provides icons.

  • PopperJS, tippy.js
    Provides popovers and tooltips.

Development dependencies

Dependencies used to develop the extension:

  • SCSS
    SCSS is a language that extends CSS with useful features that make styling pages easier and more maintainable. It is transpiled to CSS.

Credit

  • Thanks and credit to Double-J Design for authoring the green camera icons.

License

MIT license. See ./LICENSE.txt for details.

Changelog

CHANGELOG.md