https://github.com/sabujxi/multishotwebpageclipper

Save a full web page to pdf or create multiple screenshot of smaller parts of the page like news thumbnail (image + subtitle) only with a simple selector.)
https://github.com/sabujxi/multishotwebpageclipper

Last synced: 6 months ago
JSON representation

Save a full web page to pdf or create multiple screenshot of smaller parts of the page like news thumbnail (image + subtitle) only with a simple selector.)

• Host: GitHub
• URL: https://github.com/sabujxi/multishotwebpageclipper
• Owner: SabujXi
• License: mit
• Created: 2016-07-14T16:32:34.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2016-07-14T20:06:39.000Z (almost 10 years ago)
• Last Synced: 2025-03-12T16:37:10.243Z (over 1 year ago)
• Language: JavaScript
• Size: 4.88 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# MultiShotWebPageClipper

Save a full web page to pdf or create multiple screenshot of smaller parts of the page like news thumbnail (image + subtitle) only with a simple selector.)

To run this piece of code you need to have PhantomJS installed. Before running it open the MultiShotWebPageClipper.js with plain text editor like Sublime Text/Notepad++/gedit/vim/nano etc. and manipulate the variables: theUrl, theQuerySelector and displayWidth as you desire.

To save the page mentioned in theUrl variale as the pdf you need to set the theQuerySelector to "--doc--" and run the script. If you want to save multiple sinppet of the web page as png image you need to find the css selector of that element and put it in the theQuerySelector. Run the script and all matching element in the page would be saved in the current directory as clip1.png, clip2.png, etc.

To run the script fire up your linux/windows/mac command line terminal and write "phantomjs MultiShotWebPageClipper.js", hit enter, wait for some time until it returns and go to the current directory and you would get loads of clip.png files or page.pdf.

For more description go to my blog post: [Save Full Web Page as PDF or Make Lots of Clipping Automatically](http://www.sabuj.me/i_52/save-full-web-page-as-pdf-or-make-lots-of-clipping-automatically-with-multishotwebclipper)

For video tutorial on it go to my youtube channel: [Md. Sabuj Sarker's Youtube Channel](https://youtube.com/c/MdSabujSarker)

The Video Link: [Save Full Web Page as PDF or Make Lots of Clipping Automatically](https://youtu.be/qD4W1JJ8B_w)