 |
 |
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&data=05%7C01%7Clena.g.bohman%40HOFSTRA.EDU%7Caf717bcb936347e76dc608dad6c49934%7Ce32fc43d7c6246d9b49fcd53ba8d9424%7C0%7C0%7C638058437130442380%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=lRV9LoNfX8dC5NIw3jkzkDBleKw0UJLPbXw%2BLE6UVck%3D&reserved=0) a few times with success. Also, the venerable, ShareX (https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgetsharex.com%2F&data=05%7C01%7Clena.g.bohman%40HOFSTRA.EDU%7Caf717bcb936347e76dc608dad6c49934%7Ce32fc43d7c6246d9b49fcd53ba8d9424%7C0%7C0%7C638058437130442380%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=AJtvFjvw31zD7rcHEvTECecAdWlPANvDdoEPs7hKpxA%3D&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&data=05%7C01%7Clena.g.bohman%40HOFSTRA.EDU%7Caf717bcb936347e76dc608dad6c49934%7Ce32fc43d7c6246d9b49fcd53ba8d9424%7C0%7C0%7C638058437130442380%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=Qau0YVPrl4BMLMWU5c%2BrcWTY1U8ufrrLFZBGjHaeNuY%3D&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&data=05%7C01%7Clena.g.bohman%40HOFSTRA.EDU%7Caf717bcb936347e76dc608dad6c49934%7Ce32fc43d7c6246d9b49fcd53ba8d9424%7C0%7C0%7C638058437130442380%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=IRD%2FMKxhM8JosIcfj1HajOTufa9ToyBVkJv37%2BrepL0%3D&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. ****