If your goal is taking a full page screenshot, I've used this extension for Chrome for a long time: https://chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl?hl=en

It's very simple, you just hit the button, it takes the screenshot, and then you can download it in pdf or png. I've never really tried to print them, I mostly use it for taking awkward screenshots for tutorials or for archiving websites.

Lena


Lena Bohman
Data and Research Impact Librarian
Long Island Jewish - Forest Hills Liaison
Donald and Barbara Zucker School of Medicine at Hofstra/Northwell
[cid:b6bf7cdc-0cd0-4f56-bf19-72703005595a]
________________________________
From: Code for Libraries <[log in to unmask]> on behalf of Hammer, Erich F <[log in to unmask]>
Sent: Monday, December 5, 2022 8:28 AM
To: [log in to unmask] <[log in to unmask]>
Subject: Re: [CODE4LIB] Printing WYSIWYG from a Web site

EXTERNAL MESSAGE

I know Charles said he has Edge and Chrome, but in case anyone is attempting from Firefox, it's as easy as a right-click on an empty part of the page and selecting "Take Screenshot".  You will have the option of capturing the entire page.  There are add-ons that offer some additional features over a simple screenshot.  I've used Nimbus Capture (https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fnimbusweb.me%2Fscreenshot.php&amp;data=05%7C01%7Clena.g.bohman%40HOFSTRA.EDU%7Caf717bcb936347e76dc608dad6c49934%7Ce32fc43d7c6246d9b49fcd53ba8d9424%7C0%7C0%7C638058437130442380%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&amp;sdata=lRV9LoNfX8dC5NIw3jkzkDBleKw0UJLPbXw%2BLE6UVck%3D&amp;reserved=0) a few times with success.

Also, the venerable, ShareX (https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgetsharex.com%2F&amp;data=05%7C01%7Clena.g.bohman%40HOFSTRA.EDU%7Caf717bcb936347e76dc608dad6c49934%7Ce32fc43d7c6246d9b49fcd53ba8d9424%7C0%7C0%7C638058437130442380%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&amp;sdata=AJtvFjvw31zD7rcHEvTECecAdWlPANvDdoEPs7hKpxA%3D&amp;reserved=0) has a "Scrolling Capture" option among its huge feature set which will allow you to capture from any window that scrolls, not just a web browser.

Whatever capture tool you choose, once you have this potentially very long png file, one option you might be interested in for printing is PosteRazor (https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fposterazor.sourceforge.io%2Findex.php%3Fpage%3Ddownload%26lang%3Denglish&amp;data=05%7C01%7Clena.g.bohman%40HOFSTRA.EDU%7Caf717bcb936347e76dc608dad6c49934%7Ce32fc43d7c6246d9b49fcd53ba8d9424%7C0%7C0%7C638058437130442380%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&amp;sdata=Qau0YVPrl4BMLMWU5c%2BrcWTY1U8ufrrLFZBGjHaeNuY%3D&amp;reserved=0).  The zip version is portable and it's super easy to use even if you aren't going to tape the pages together to make a banner/poster.

Good luck,
Erich



On Sunday, December 4, 2022 at 22:38, Dan Johnson eloquently inscribed:

> Dear All,
>
> Charles is on the right track. Much to my surprise when I stumbled upon it,
> there is indeed a way to grab a WYSIWYG rendering of a webpage, regardless
> of the underlying styling that would ordinarily make a mess of printing. In
> developer tools in Chrome and Firefox (and probably others), an obscure
> tool will render the website as you see it on screen into one (potentially
> very tall) .png image file.
>
> In Chrome on a Windows machine, I do this by pressing  Ctrl + Shift + I
> to open developer tools, then  Ctrl + Shift + P  within developer tools
> to bring up a "run" dialog box. Here, I type in "screenshot", which
> brings up among several options a "Capture full size snapshot" command.
> When you click that, Chrome dumps a .png of the webpage into your
> Downloads folder. (On Mac, apparently the equivalent shortcuts are
> Command + Option + I then Command + Shift + P, but I don't have a Mac to
> try this).
>
> Printing a very tall image file is the next challenge. The one success
> I've had is converting the .png to .pdf. (Adobe Reader will do this, but
> I don't know if it's in the free version or not, as we have access to
> full Acrobat). Assuming you can get your image file properly converted
> to PDF, the image will appear as one very, very tall page. To "cut" this
> properly into a bunch of pages, go to "print" in Adobe, and select the
> "Poster" option under "Page Size and Handling." Adobe will now preview
> the document with cut lines, showing how it will divide the image into
> multiple pages. Its first guess will probably (almost certainly) be
> wrong. You just need to play with the "Tile Scale" percentage until it
> shows the new width as 8.5 inches (it will show this new page size right
> above the preview image). In a test I just did for a fairly tall
> webpage, a 35% Tile Scale yielded an "8.5 by 77 inches" poster rendered
> in 7 pages.
>
> This is not foolproof, funky stuff can still happen (when, for example, the
> code is trying to shovel content into the DOM via Ajax calls), but it's the
> best way I've found to get a website printed "like it looks on my screen."
>
> Best,
> Dan
>
> On Sun, Dec 4, 2022 at 6:29 PM Joe Hourclé <[log in to unmask]> wrote:
>
>> On Dec 4, 2022, at 6:18 PM, Fitchett, Deborah <
>> [log in to unmask]> wrote:
>>>
>>> This is entirely dependent on the webpage you want to print, and
>> whether or not they've designed it to be printable. Some websites haven't
>> (especially highly interactive ones) in which case if you print it there's
>> no way to avoid it being ugly.
>>
>> It’s also possible to set different styles for printing vs screen display,
>> so the website might be designed to intentionally *not* let you print what
>> it looks like on your screen.
>>
>> I’m not in front of a desktop computer to verify if it still works, but
>> this website used to do it: https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fstereo-ssc.nascom.nasa.gov%2F&amp;data=05%7C01%7Clena.g.bohman%40HOFSTRA.EDU%7Caf717bcb936347e76dc608dad6c49934%7Ce32fc43d7c6246d9b49fcd53ba8d9424%7C0%7C0%7C638058437130442380%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&amp;sdata=IRD%2FMKxhM8JosIcfj1HajOTufa9ToyBVkJv37%2BrepL0%3D&amp;reserved=0
>>
>> (It removed the side navigation, added the URLs after the links, and I
>> think it might have removed the graphics across the top, too)
>>
>> Developer Tools would help you with that, potentially, but you’d have to
>> know CSS, I suspect.
>>
>> -Joe
>
>


**** CAUTION: This email originated from outside of Hofstra University. Do not click links or open attachments unless you recognize the sender and know the content is safe. ****