 |
 |
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://nimbusweb.me/screenshot.php) a few times with success. Also, the venerable, ShareX (https://getsharex.com/) 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://posterazor.sourceforge.io/index.php?page=download&lang=english). 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://stereo-ssc.nascom.nasa.gov/ >> >> (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 > >