Author Topic: scrolling down to save web page content (Read 22,049 times)

eager to learn · « **on:** April 21, 2014, 06:36 PM »

Hi,

I'm a newbie.

I just downloaded the program and I'm not sure how to scroll down so I can save all the content I see on a web page beyond just the first screen which could be saved with print screen?

Once I've captured all that content, how do I save all that as a jpg? Tiff? PDF?

Thanks so much!

mouser · « **Reply #1 on:** April 21, 2014, 06:39 PM »

Scrolling captures can be a bit tricky, but there are some videos showing how to do it here.

Note:
All modern browsers have addons you can download that can pretty easily capture a large webpage that needs scrolling -- if it's only web pages that you need to do scrolling captures for, that may be easiest.

eager to learn · « **Reply #2 on:** April 21, 2014, 06:49 PM »

Hi Mouser,

Thank you ever so much for replying!

I have Firefox version 24.

Someone mentioned an extension called "Scrapbook" and then "Scrapbook Plus"

I downloaded and installed both but I get pop up menu with all sorts of options - some already have check marks next to them and the default save folder is the Root Folder - which I'm guessing is the C drive - the root directory?

Might you have any ideas you cna please share about what options I should check/un-check using Scrapbook?

Also, how does one scroll to capture web page content using Scrapbook?

Unless, you have found a better FF extension or add-on?

Thank you so much again for all your kind help,.

hamradio · « **Reply #3 on:** April 22, 2014, 04:35 AM »

If you are just going to capture web pages...

If you can find the developer toolbar in Firefox I believe you can do something like...
Note: In Firefox 29 Beta you can press Shift + F2 to open it and it may be the same in older versions, but I am unsure.

screenshot yourfilename.png --fullpage

I believe the screenshot will go into your downloads folder. (Note: The file will only be saved as a png file.)

--

You can also just copy it to clipboard for pasting in paint or other application...

screenshot --clipboard --fullpage

For further help on options for screenshot you would use:

help screenshot

No addon needed I believe for that one.

eager to learn · « **Reply #4 on:** April 22, 2014, 03:43 PM »

Hey Hamradio,

I think you're on to something!

In my FF version 24 I can select Tools>Web Developer>Developer Toolbar (you're correct it is also Shift/F2).

I've never used this function so I kinda' get lost after that.

There's a command-type prompt which appears at the bottom of the screen with all sorts of things.

I'm not sure what my next step is after laughing the developer toolbar?

I'm not clear on how to get to screenshot yourfilename.png --fullpage?

I'm also not sure how to ...screenshot --clipboard --fullpage?

I can press the PrntScreen button on my keyboard but I don't think that will grab the whole webpage as I scroll down, or can it?

Also, how do I reach ...help screenshot?

Thank you ever so much!

hamradio · « **Reply #5 on:** April 22, 2014, 04:06 PM »

Quote from: eager to learn on April 22, 2014, 03:43 PM

Hey Hamradio,

I think you're on to something!

In my FF version 24 I can select Tools>Web Developer>Developer Toolbar (you're correct it is also Shift/F2).

I've never used this function so I kinda' get lost after that.

There's a command-type prompt which appears at the bottom of the screen with all sorts of things.

I'm not sure what my next step is after laughing the developer toolbar?

I'm not clear on how to get to screenshot yourfilename.png --fullpage?

I'm also not sure how to ...screenshot --clipboard --fullpage?

I can press the PrntScreen button on my keyboard but I don't think that will grab the whole webpage as I scroll down, or can it?

Also, how do I reach ...help screenshot?

Thank you ever so much!

You just click inside the little tiny bar that appears at bottom and type out the lines I showed and if doing the yourfilename.png one you would put what you want where yourfilename is.

tomos · « **Reply #6 on:** April 22, 2014, 04:25 PM »

Quote from: hamradio on April 22, 2014, 04:06 PM

You just click inside the little tiny bar that appears at bottom and type out the lines I showed and if doing the yourfilename.png one you would put what you want where yourfilename is.

worked well here - I just copied the text:
screenshot yourfilename.png --fullpage
then pressed shift+F2
the cursor was already in the correct place, so I pasted the text (Ctrl+V) and pressed Enter key -
it showed a preview of the screenshot and also the path to where it was saved.

It does a perfect scrolling capture

Note: you have to use a different filename each time - otherwise it just replaces the previous shot without any warning.

hamradio · « **Reply #7 on:** April 22, 2014, 04:41 PM »

You can also just do:

screenshot --fullpage

It will format the name like...

Screen Shot 2014-04-22 at 12.40.08.png

eager to learn · « **Reply #8 on:** April 22, 2014, 05:25 PM »

Hey Hamradio,

You're a genius!!

I just followed your suggestion - screenshot --fullpage and sure enough it copied the whole page and saved it.

Do you know of any way to tell FF which folder to save the png file in?

Or does it have to save it to a particular folder every time?

Thanks you ever so very much!!

hamradio · « **Reply #9 on:** April 22, 2014, 06:01 PM »

Quote from: eager to learn on April 22, 2014, 05:25 PM

Hey Hamradio,

You're a genius!!

I just followed your suggestion - screenshot --fullpage and sure enough it copied the whole page and saved it.

Do you know of any way to tell FF which folder to save the png file in?

Or does it have to save it to a particular folder every time?

Thanks you ever so very much!!

For my system I have a drive I and was able to do I:test.png and it saved it to my drive I.

eager to learn · « **Reply #10 on:** April 22, 2014, 06:10 PM »

Hamradio,

Is there a setting which can be changed so I can direct where I want the web page png file saved?

Ex. in FF under Options > Downloads I have it set to always ask me where I want the file to be saved.

I didn't see in the web developer toolbar or options where I could set it to prompt me where I wanted a web page captured as a png to be saved.

Does it have that flexibility?

Thanks so much.

hamradio · « **Reply #11 on:** April 22, 2014, 06:31 PM »

Quote from: eager to learn on April 22, 2014, 06:10 PM

Hamradio,

Is there a setting which can be changed so I can direct where I want the web page png file saved?

Ex. in FF under Options > Downloads I have it set to always ask me where I want the file to be saved.

I didn't see in the web developer toolbar or options where I could set it to prompt me where I wanted a web page captured as a png to be saved.

Does it have that flexibility?

Thanks so much.

Switch to the other setting for options > downloads change the directory to the one you want, then switch back to always ask. See if that will work for you as it should keep the directory you pick there even tho you switch it back to always ask. Let us know if that works.

eager to learn · « **Reply #12 on:** April 22, 2014, 06:53 PM »

Hamradio,

Works perfectly!

Again, thank you ever so very much for all your kind help.

hamradio · « **Reply #13 on:** April 22, 2014, 07:00 PM »

Quote from: eager to learn on April 22, 2014, 06:53 PM

Hamradio,

Works perfectly!

Again, thank you ever so very much for all your kind help.

You're very welcome.

eager to learn · « **Reply #14 on:** May 01, 2014, 03:58 PM »

Hi Ham Radio,

I was wondering what I would type in, using your ingenious FF technique, in FF to just capture a screen shot of what I see on a website using FF?

Instead of typing in ... screenshot --fullpage ...would I type in screenshot --just this screen?

Thank you so much!

hamradio · « **Reply #15 on:** May 01, 2014, 05:40 PM »

Quote from: eager to learn on May 01, 2014, 03:58 PM

Hi Ham Radio,

I was wondering what I would type in, using your ingenious FF technique, in FF to just capture a screen shot of what I see on a website using FF?

Instead of typing in ... screenshot --fullpage ...would I type in screenshot --just this screen?

Thank you so much!

Just typing in screenshot should work.

eager to learn · « **Reply #16 on:** May 01, 2014, 07:03 PM »

Worked perfectly just typing in ...screenshot.

Thank you again for all your kind and much appreciated help.

eager to learn · « **Reply #17 on:** July 22, 2014, 05:26 PM »

Hi Hamradio,

I typed in help screenshot in that command bar which appears when you press Shift/F2 in FF but I didn't see exactly who I control where the copied screenshot can be saved - even to clipboard so I could open it in Paint and then save it to a folder I select at that time.

I was interested in ....

One - saving the captured content to a specific folder while using the Shift/F2 function (so it's not automatic once I press the Return key but rather so I can instead choose which folder in Windows I want the content saved to and ...

Two - how I can save the captured content to clipboard and then open Paint to save it in a different format than .png and to a folder of my choice at that time.

This is such a great way of saving content so I very much appreciate all your help.

hamradio · « **Reply #18 on:** July 22, 2014, 07:16 PM »

Quote from: eager to learn on July 22, 2014, 05:26 PM

Hi Hamradio,

I typed in help screenshot in that command bar which appears when you press Shift/F2 in FF but I didn't see exactly who I control where the copied screenshot can be saved - even to clipboard so I could open it in Paint and then save it to a folder I select at that time.

I was interested in ....

One - saving the captured content to a specific folder while using the Shift/F2 function (so it's not automatic once I press the Return key but rather so I can instead choose which folder in Windows I want the content saved to and ...

Two - how I can save the captured content to clipboard and then open Paint to save it in a different format than .png and to a folder of my choice at that time.

This is such a great way of saving content so I very much appreciate all your help.

For one you can do it but I dont think you can select the folder instead you have to type in the path before the filename I believe.

For two you would just type: screenshot --clipboard

eager to learn · « **Reply #19 on:** July 22, 2014, 07:50 PM »

I just tried screenshot --clipboard and that works well.

When I type in (without quotes) C:\ or c: it says it can't recognize that so I'm not sure how users could designate a certain folder each time they did a screenshot capture. Ex. C:\Photos, then the next screen capture C:\Pets, etc.

I may have to just use the clipboard.

Thanks so much.

hamradio · « **Reply #20 on:** July 22, 2014, 08:02 PM »

Quote from: eager to learn on July 22, 2014, 07:50 PM

I just tried screenshot --clipboard and that works well.

When I type in (without quotes) C:\ or c: it says it can't recognize that so I'm not sure how users could designate a certain folder each time they did a screenshot capture. Ex. C:\Photos, then the next screen capture C:\Pets, etc.

I may have to just use the clipboard.

Thanks so much.

Where you would put filename I believe you could just use for example but not sure: C:\Photos\filenamehere

eager to learn · « **Reply #21 on:** July 22, 2014, 08:27 PM »

I just tried typing in screenshot--C:\Photos\filenamehere and it says it doesn't recognize screenshot.

I then backspaced the word screenshot out and left C:\Photos\filenamehere and pressed Return but nothing happens.

Hmmm.

hamradio · « **Reply #22 on:** July 22, 2014, 08:44 PM »

Quote from: eager to learn on July 22, 2014, 08:27 PM

I just tried typing in screenshot--C:\Photos\filenamehere and it says it doesn't recognize screenshot.

I then backspaced the word screenshot out and left C:\Photos\filenamehere and pressed Return but nothing happens.

Hmmm.

Perhaps it doesn't need the \ after the drive...try C:Photos\filenamehere

Edit: Yep works here if the directory can be written to else I don't see the file...

eager to learn · « **Reply #23 on:** July 22, 2014, 09:05 PM »

Hmmm

If I type C:Photos\filenamehere it says "Can't use.

If I place a space in between the : and Photos - C: Photos\filenamehere - it says Too many arguments.

hamradio · « **Reply #24 on:** July 22, 2014, 09:19 PM »

Quote from: eager to learn on July 22, 2014, 09:05 PM

Hmmm

If I type C:Photos\filenamehere it says "Can't use.

If I place a space in between the : and Photos - C: Photos\filenamehere - it says Too many arguments.

You still need to tell it to take a screenshot too...with the screenshot command if you just typed the path that is why it says can't use most likely.

Like for example (double \ is needed between folders): screenshot I:Misc\\test or even screenshot I:\\Misc\\test worked in my testing just then...