Giter Club home page Giter Club logo

aminadav / webpage-screenshot Goto Github PK

View Code? Open in Web Editor NEW
476.0 53.0 518.0 3.02 MB

Entire page Screenshot extension for Google Chrome. I'm developing open source extension for Google Chrome. All extension are free for use. Let's make Chrome great again!

Home Page: https://www.1ce.org

License: ISC License

JavaScript 91.12% CSS 6.65% HTML 2.22% Shell 0.01%
chrome-extension chrome screenshot webpage-screenshot google-chrome capture extension download javascript webpage

webpage-screenshot's Introduction

Open Source extension far beyond typical Screenshot Capturing: Save, Edit, Annotate, Print, and Share! This is a open-source extension for taking screenshots. This extension is able to capture 100% of both the vertical and horizontal content appearing on any webpage on the Internet. It is very easy to save the captured file onto your computer or print it / or share it to any social network.

You can host and share unlimited images forever for free.

【Features】

  • Annotate it with rectangles, circles, arrows, lines and text.
  • Blur sensitive info by using the Spray.
  • Print the screenshot - It's awesome.
  • UNLIMITED STORAGE for storing your screenshot online!
  • Capture local files (ex: c:)
  • Create PDF.
  • Create Thumbnails.
  • You can Save the screenshot on your computer as PNG file.
  • You can EDIT THE PAGE before taking the screenshot (change any text, titles)

-This extension is an open-source extension. What is it mean for you:

-☑ It's mean it's safe. Everyone can inspect the source code. -☑ It's mean that if you're are a developer or intern your more than welcome to contribute code.

-This extension is another extension of 1ce. Our mission is to advance open-source extensions. -Visit our website to learn more, and be part of the community: 1CE

Screenshots

To view more screenshot please visit 1CE - 1Click 1Click Screenshot website.

How to Contribute?

  • File an issue in the repository, using the bug tracker, describing the contribution you'd like to make. This will help us to get you started on the right path.
  • Fork the project in your account and create a new branch: your-new-feature.
  • Commit your changes within that branch.
  • Open a pull request, and reference the initial issue in the pull request message.

I want to contribute but I'm not a coder

  • Take good screenshots and send to us.

  • Create youtube videos that shows how to use the extension.

  • Donate small amount of money.

    Become a Patron!

Installation

The easiet way to install the plugin, is going to 1CE - 1Click Screenshot website, and then add it to chrome.

Developing

  1. Fork the repo.
  2. Clone it to your machine.
  3. Drag and drop the the file into Google chrome browser. If you get any error mentioning "Apps extensions and user scripts cannot be added from this website", open chrome://extensions/ in a new tab and repeat step 1

Install on Chrome (For development)

  • Download chrome-extension directory
  • Go to "chrome://extensions
  • Click "load unpacked extension"
  • Choose the directory you downloaded it to.

Financial contributions

We believe that everyone can use this extension, if he can pay or not. As you can see there is lot of job to be done into this extension. Please consider a small donation.

Become a Patron!

Sponsors

Please ask your company to also support this open source project by becoming a sponsor. By being a sponsor, you will be listen here and in all our extensions and on our website.

Become a Patron!

Video demonstration of usage

Visit the video section in the website.

Follow Me & Community

For updates, pleae follow us on Twitter

License

ISC License Copyright (c) 2018, 1CE

Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

Control V, המבוך של שירת

webpage-screenshot's People

Contributors

abramovitz avatar aftabuzzaman avatar aidask avatar aminadav avatar aminag avatar anysite avatar bob-613 avatar chrispecoraro avatar gloomy-ghost avatar lovesblueskies avatar pleabargain avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

webpage-screenshot's Issues

Desktop Capture - Error when stop recording

Uncaught TypeError: n.stop is not a function editor.js:2346

I get this error when I do the desktop capture and after recording I hit stop sharing and this error then shows in my console

Closed

On a Chromebook Pixel it's very hard to work with the screenshot because it's like zoomed in. Having a zoom would be useful for high density screens.

Also a blur would be cool, and just so you know the link "Like? write a nice comment, and give 5 stars" is broken.

Closed

Maybe a problem with my understanding of how your software works. I want to capture an area of an image on the screen...I click on the camera icon...a dropdown appears...I click on the Capture Region of the Screen but nothing happens...I cannot use the cursor to outline an area of the screen...The only thing I can do is click on the Visible Screenshot when that is saved and I can then edit that to get the required area...that works...and maybe that is what is intended but then why have Capture Region of the Screen Option if it doesn't do anything when you click the option? It's annoying and time wasting. If this function doesn't work fine I'll find another app that does work. If it does work and just my failure to understand how it works well I will evaluate the app and if it works well and meets my needs then I might consider a donation but at the moment the first thing I try doesn't work so you are looking at one star from this user.

Options disappear before I can click them

So I downloaded this plugin to make full page screenshots for customer email templates. Problem is that when I click the icon, the list initially shows up, but then 2 of the options just disappear, one of them being the All Page Screenshot. If I'm really quick, and lucky, I can catch it before it disappears. Some more info that may help track down this issue:
If I have the resulting screenshot page open, the menu items do NOT disappear.
For example, if I have not made any screenshots, and I want to take an all page screenshot, I click the icon. The menu shows up, then All Page Screenshot disappears. If I click Visible Screenshot, let it take a screenshot and pop the result page, then go back to the other page, when I click the icon, All Page Screenshot does NOT disappear from the menu.

posting in Blogger --- extreme laggy and ressource-blasting

After trying to post a complete-capture of a google-search-result-overview ( 1920*1200px ), over a gig of memory has been eaten and blogger was not able to show the inserted copy of the shot; though when switching to html-view in edit-mode of the generated blogger-article it showed inline-image-data of the screenshot; the whole system ( Win10+Chrome 32Bit latest on 4GiB RAM Dual Channel DDRII FSB 800 Athlon 64 X2 5200+ ) got to its knees.

Tried it some more times and to get rid of the obvious tremendous data-parsing-challenge tried to use copy-capture-to-clipboard the whole process at least could be completed, though the amount of inline-image-data is just to heavy for blogger to be edited or even showed as published article.

Half-width resolution made it a bit lighter but RAM-usage was around 650 to 830 MiB, depending on length of page and content to capture;

Please point out:

  • locations in code where the process of generating the image is handled
  • location in code of transfer to blogger
  • location in code where optimizations of the image-data in forefront should be applied ( like inserting a list-selection for scaling the captured-content to fixed-width of e.g.: VGA | QVGA |WXVGA )

thanks

Region capture is not working

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.71 Safari/537.36.

I am on Chrome. Above is my user agent.

Is this enough to describe?

Can't take an entire site screenshot

I used this plugin for months before and I like it!
But now I installed it again and I can't take a screenshot in a page with scrolling, and I remember that it should auto scroll the site to take it but it didn't. When I choose the "entire page capture" option it just take of the visible region

Stopped Working entirely

I installed the extension and it worked fine for 24 hours. Then it stopped responding. I have deleted and reinstalled, I have even gone so far as to reinstall Chrome. Still not working. Clicking the icon does nothing. I really loved the function when it was working. What could have gone wrong?

Enhancement to screenshot

Hi there,

Love your work on this project and wondered if you would consider an enhancement. You can currently save the URL of the webpage as the name of file being saved. Would it possible to save the URL in custom meta-data of the saved file?

The PNG file format allows for this, as does the JPG format.

Print to PDF in Ubuntu always layout horizontally

After doing the screenshot, I choose to save the picture to PDF, and with Chromium and Ubuntu 16.04, I get a prompt that only let me choose where to save the file, and not the orientation. The pdf I get, has the original vertical webpage screenshot horizontally layouted, placing the content to the left, leaving much space to the right, and more pages. Can it be fixed?

But, if I choose to print, and I am allowed to print it to PDF in chromium, and it works well.

Closed

hi

Took screenshots - shared - gave the URL to peers, gives 404 with pageTitle in some strange language. Keeps giving 404 probably for some time and then suddenly works and then again starts giving 404.

Removing it for now, will stick to Jing. Please fix, so that can start using it again.

image

Error in editor.js

editor.js:675 Uncaught ReferenceError: ry2 is not defined
editor.js:1396 Uncaught TypeError: Cannot read property 'type' of undefined

Chrome is repeatedly giving a notice about automatic removal of WP Screenshot

Hi,
Chrome is repeatedly and constantly giving me notice saying "Extension WP Screenshot has been automatically removed".
And that is happening even after I have removed the extension.
And now I can't even install it again, since the "shop" is now consider it as installed... :-/

It is rather annoying - the pop-up window with that notice, that constantly drags my attention away...

In the list of Chrome extensions, the WP S. is not listed.

Do you have any advice or solution for me please?

Thanks a lot,
Martin

command + s uploads the screenshot to internet

on MAC the command + s by default is used to save a file on a disk.
In this extension it uploads the screenshot to internet.

There is no configuration option for this keyboard shortcut to disable this behaviour.
I had to issue the Removal Request (DMCA) to delete my screen.

Please change the default keyboard config or disable it or allow users to change it or allow users to enable/disable when they want.

Capture Region menu option won't click

Windows 8.1 64bit, Chrome Version 54.0.2840.99 m

Can't click on Capture Region option. Can highlight the text but can't click. Works on Windows 7 64 bit with same Chrome.

All page screen shot - PNG filesize lis limited - maxing at ~9250KB

Hi...most amazing plugin...I dont know jQuery yet so I can't review code to fix. Problem: lots of screens reaches endpoint at 9250KB..local save file OK. If you have more screens past this point then have to capture each screen and save manually. Please comment and fix, if I can hep in any way please let me know!

Closed

in the chrome extension page, the previous version there was an option to check to allow access to file URLs. after the block from google and new extension release, this option is no longer available, but the extension itself still requests for the option to be enabled when the icon is clicked.

Closed

It'll be great if I can configure where my shots goes. As I want to point them to my Dropbox screenshots for safe keeping.

Mechanism to let the user scroll

Problem: pages that implement a fixed header and scrolling content div are not amenable to "All page screenshot" because the extension can't scroll the page.

Example: http://ampbench.appspot.com/validate?url=https://allrecipes.com/recipe/11749/chicken-pesto-a-la-lisa/amp/

Proposed solution (I'm not saying this is trivial): allow the user to scroll the (divs on the) page as they see fit, taking screeshots periodically at some interval (1/10 seconds for example). Then compose/stitch the images into one large image.

region of screep capture is not working

When I press the opton of capture region of screen nothing happens at all.
It's been going on for many days on more than one computer and on any webpage, not just one or a few in particular.
Any ways of getting around that issue would be great.
Thank you.

'Open Screenshot' takes incomplete webpage screenshots.

The problem that I mentioned, occur only in the case of really long webpages. The bottom part of extremely long webpages are not obtained. :(

It works perfectly for comparatively shorter ones. :)

Please enable 'Open Screenshot' to take screenshots of extremely long webpages. :)

Can not see the addition of URL / Impossible de voir l'ajout d'une URL

In english

Hello,
I love your extension "Open Screenshot".
But there is a visibility problem in adding a URL (and date) in the header or footer of a screenshot.

The part of the URL (or date) entry was set on a transparent background.
Most images readers have a BLACK background, and the URL text is BLACK too.
So the URL and the date are not visible on the screenshots..

Could you replace the glass bottom of the text in the header and footer by GREY background (some readers is a white background).
Thank you for your understanding to change the text background.

meb7

In french

Bonjour,
J'aime beaucoup votre extension "Open Screenshot".
Mais il y a un problème de visibilité dans l'ajout d'une URL (et date) dans l'entête ou le pied de page d'une capture écran.

La partie de la saisie d'URL (ou date) se créé sur un fond transparent.
La plupart des lecteurs d'images ont un arrière plan NOIR, et le texte de l'URL est en NOIR aussi.
Donc l'URL et la date ne sont pas visibles sur les captures d'écran.

Pourriez-vous remplacer le fond transparent du texte en entête et pied de page par un fond GRIS (certains lecteurs ont un fond blanc).
Merci de votre compréhension pour changer ce fond de texte.

meb7

load_cropper_without_selection is not defined

When I try to use the region crop tool, nothing happens. This is what shows up in the Console:

Uncaught ReferenceError: load_cropper_without_selection is not defined
(anonymous function) @ VM437:1

Any resolution to this?

confirmation missing --- after changing settings

It is not obvious if the changes made to the settings dialogue are applied; please insert a confirmation|status-change-notification or point to the locations in the code where it would be appropriate to insert, so one can commit a change therefore.

Capture Region of the screen does not work

Using Chrome on Ubuntu. I wanted to select a particular region of the screen (btw., this is the feature that I typically need) but nothing happens when I push the button.

Cannot capture region of the screen

Hi, I love your extension and have used it since version 14.5 before it was removed from the stored. I'm so glad that it is now back in.

However, I cannot capture region of the screen. This is the feature that I use the most. When I clicked on the menu on "capture region of the screen" nothing happens. I tried shortcut ALT+R also nothing happens.

full screen shot not working

hi it is only taking that page. chrome Version 53.0.2785.89 (64-bit)
Mac - 10.12

it use to work. I tried all combinations. thanks.

THOUGHT: Extending the extension --- l10n | i18n | github-page | wiki | education | documentation

TARGET: Issue #36

ORIGIN: @AminaG --- #35 | Pull-Request-Comments

I did, so far, got it (i think):

My yet-unwritten attempt was: To ADD what is MISSING;

  • Translations and informations about localized:
  1. usage ('How one WILL be doing stuff with Open Screenshot')(before it is installed)(for explanatorial use via the webpage|demo)
  2. content ('What one has to do to do ->INSERT-TARGET-OF-OPERATION<- successfully' - which is none but the yet-non-existing-wiki--localized---accessible from inside the extension, stored-as-github-wiki for fully accessible-internationalized-and-localized components and parts from where-ever-the-hell-could-freeze)
  3. documentation ('README' | 'source-code-comments' | 'full localized documentation of the source for educational purposes')

Let me give an example and explain why i thought, that the described before, would be great for your project;

  • l10n=DEDE
    :: for general use of [ DE==deutsch (german) - DE==Deutschland (Germany) ], CAPITALIZED because it would be a FLAG that sums-up|points-to the set of wished-l10n, combined with 404-like linking to an internal translation-proposal-page|sorry-notice as a-generic-one-in-ENUS plus one-that-is-if-possible-already-localized

  • ... or for those that like to
  1. translate
  2. develop
  3. use OpenScreenshot on non-localized (Host-)Systems

because for whatever reason|use-case, e.g.:

  • deployment-given-in-enus
  • no-rights-to-change-host-language
  • no-possibility-to-change-host-language
  • using diverse accounts, for the given different purposes (whereas sync is active; so for a translator or learner the language-specific-presentation is comparable)

EXAM: The resulting call could be a set:

l10n={
'messages':'dede'
,'hoverhelp':'dech'
,'helptext':'enus'
,'controls':'deat'
,'readme':'dede'
,'licensing':'enus'
};

I hope you get what i am aiming|asking for.

So, the question is just:

WHERE should the original readme (in enus) be mirrored|linked, so that a translation can be hold in the same storage for optional access (sorted for developers|translators into one folder-by-origfilename+locale; for direct editing | usable by the extension itself to blend the content in naturally, by allowing specific l10n-setting.

WHY?

Because ... you already have a bunch of stuff translated and i did not want to reinvent the wheel, but help make the extension complete, because:

  • there is no open-source extension for chrom*, that has similar feature-sets, yet
  • there is no open-source extension for chrom*, that has similar localization-support, yet
  • there is no open-source extension for chrom*, that has similar well-structured code, yet
    , which would be at all comparable to 'Open Screenshot'.

Also, i couldn't ignore the fact:

I think it would be very nice to spend the opportunity to deliver a FULL extension, just because you already did it, the only little things that are missing are the described parts ( which are for sure the main fractions in terms of file-size, but the ignorable in terms of coding complexity ).

I hope you do not feel upset, but instead encouraged by my explanation.

I just think Open Screenshot would be the PERFECT FUNDAMENTAL EXAMPLE OF A FULLY FUNCTIONAL SCREENSHOT EXTENSION FOR BROWSERS ( ... ;) yeahyeah i know its just for chrome, ahem ;) ... )

By the way, you obviously have defnitely absolutely NO PROBLEM to answer one that asks for details about your project; so you MIGHT BE ABLE to give the WHOLE EXPERIENCE a shot.

Okay, please tell me one last time what your thoughts are, i hope i gave enough details and examples what my thoughts have been. If not, or if you wish to dicuss this no further, just let me know, i won't take it in anyway as an offense, just speak open and freely.

NOTE: The CAPITALIZED WORDS are not a CRYOUT, but in sense of letter-by-letter-readable, so one can see the dimension and opportunities behind.

:)

Thanks for your interest. (btw.: Yes i COULD code that myself; No, i do not want to. And if you ask what my talents are, i name you one: having feelings when looking at structures leading to thoughts showing pathes of developments which themselve lead to final solutions ... Some call it Authism ;) )

As you may have noticed already, this is not just a further asking in the original pull request, but opened as a new issue, so others can add there own thoughts to it. As i already told, if there is no interest from your side its totally accepted, no offense taken, but at least: let it exist as an issue ( means: do not close, please ). One day, one might want to get into it, and even if not it contains some trackbacks and sidelinks, that will push your rankings in terms of better being found, for those that are in need of 'Open Screenshot'.n](https://developer.chrome.com/extensions/i18n)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.