MOBILE @ YALE
  • Home
  • iPad Class-set Program
    • Overview
    • iPad Call for Proposal Application
    • App Catalog
    • iPad Accessories
    • iPad Repairs
    • Courses
      • Summer 2014
      • Spring 2014
      • Fall 2013
      • Summer 2013
      • Spring 2013
      • Fall 2012
  • iPad Use Cases
  • App Catalog
  • FAQs
    • General
    • Apps
    • iTunes
    • Lost/Stolen/Damaged
    • Terms of Use
    • Keyboard
  • Resources
    • Accessibility
    • AirPlay
      • AirPlay FAQs
      • How to Connect an iOS 6 Devices
      • How to Connect an iOS 7 Devices
      • AirParrot
      • Room Locations
      • Blog Posts
    • Library
    • Articles
    • White Papers
    • How Tos
    • NY Times Mobile Apps Index
    • Yale Apps
    • Blog Posts
    •  Who We Are

Save a webpage as a PDF on an iOS device

Source: WildThoughts

How to Save Webpages as PDFs with a javascript iOS Bookmarklet
by Wildman on February 20, 2012

Photo Feb 18, 10 03 16 AM-1

UPDATE (Jan 29, 2013):

There is good news and sad news. First, the sad news.

According to their twitter account, the wonderful Joliprint service that I’ve been using to convert webpages to PDFs has closed its doors. A visit to joliprint.com confirms the service has gone off-line as of January 4. We will miss their excellent, handy pdf utility.

THE GOOD NEWS: I’ve discovered another service called Web2PDF that is about 10% less elegent, but will do the trick. My tutorial follows the same process as before, but I’ve updated it with a new magical javascript and one additional step. So, if you’re running into trouble with the last javascript returning a “not found error,” follow the steps below and you should be set. Disaster averted.

I’m basically like a crazy digital squirrel who snatches up tasty bits from the internet and hides them in my information tree.

And saving webpages as pdf files on my iPhone and iPad was one nut I just couldn’t crack. Until now.  Let me show you how.

Wanted: PDFs

I’ve been looking for a simple way to save webpages as PDFs from the iOS Safari browser for quite some time. See, I use Evernote to store research, interesting tidbits, records, blog material, and just about everything else I’m interested in. The great thing about Evernote is that everything I save in it is searchable — including pdfs.

That’s why I wanted to do more than just email a webpage url which is the usual MO for sharing web content from Safari. I want to capture the text itself as a gloriously searchable pdf file that will look great and print well for years to come without the need for tedious copy and paste and without the aid of a computer.

Magical Javascript

I finally have a simple, handy solution. In a few easy steps, you can create a custom bookmarklet in iOS Safari that will do just what I always dreamed — take a webpage and convert it to pdf. It’s free. It’s easy. And it has this digital squirrel twitching with delight.

The secret is this little string of letters and symbols:

javascript:void(window.open('http://www.web2pdfconvert.com/engine?cURL='+escape(location.href)+'&title='+escape(document.title)+'&utm_source=safari&utm_medium=bookmarklet&utm_campaign=add-ons'))

It’s a javascript. A magical formula that we’re going trick iOS Safari into running for us to create pdfs.

Photo Feb 18, 10 03 16 AM-1

A Few Simple Steps

Follow the easy steps below to create your own pdf maker bookmarklet. Before you jump into step one, copy the javascript above exactly  and send it to yourself in an email. That will make your task easier.

1. Create a new bookmark in Safari for iOS. Any page will do.

1. Create a new bookmark in Safari for iOS. Any page will do.

2. Save the bookmark.

2. Save the bookmark.

3. Open the bookmarks list, then tap "edit."

3. Open the bookmarks list, then tap “edit.”

4. Tap on the bookmark you just created to edit it.

4. Tap on the bookmark you just created to edit it.

5. Paste the pdf maker javascript text into the "address" field. Make sure you paste it exactly.

5. Paste the pdf maker javascript text into the “address” field. Make sure you paste it exactly.

6. Change the bookmark name to something memorable if you like, then tap "bookmarks" to save.

6. Change the bookmark name to something memorable if you like, then tap “bookmarks” to save.

7. IMPORTANT: Reopen the bookmark you just saved and make sure the javascript is still exactly right, including those tiny single quote marks.

7. IMPORTANT: Reopen the bookmark you just saved and make sure the javascript is still exactly right, including those tiny single quote marks.

8. Browse to a webpage you'd like to pdf, open bookmarks, and tap your new pdf maker.

8. Browse to a webpage you’d like to pdf, open bookmarks, and tap your new pdf maker.

9. Tap and hold the "Download PDF" link on the page, then tap "Open."

9. Tap and hold the “Download PDF” link on the page, then tap “Open.”

10. Success! Your webpage is now a pdf. Tap "open in..." to send your new pdf to another app, like evernote.

10. Success! Your webpage is now a pdf. Tap “open in…” to send your new pdf to another app, like evernote.

June 3, 2013   Matthew Regan
How Tos, Productivity PDF
×

  • iPad Document Camera
  • Just Another Reason

Leave a Reply

Cancel

  • (will not be published)

Categories

  • ~AirPlay
  • Accessories
  • Android
  • Apps
  • Articles
  • Call for Proposal
  • Display Sharing
  • How Tos
  • Humor
  • iOS
  • iPad Class Set
  • Keybaords
  • LabArchives
  • Library
  • Microsoft Surface
  • New Gadgets
  • Office
  • Productivity
  • Projecting
  • Seminar
  • Stands and Docks
  • Uncategorized
  • Yale Features

Archives

  • March 2016
  • December 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • March 2015
  • February 2015
  • November 2014
  • September 2014
  • August 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • October 2013
  • September 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012

Recent Posts

  • Tablets Combat Defacement Temptation in Florence
  • Smarten Up with New Yale Mobile App
  • iPad Class Sets – Spring 2016
  • Get Your App On With YPPS!
  • What’s the Line with iOS 9?

RSS Cult of Mac

    RSS NY Times Mobile Apps

      RSS iMore

        RSS MacRummors

          RSS iDownloadBlog

            RSS TechHive

              RSS ZDNet Mobile News

                RSS PadGaget

                  RSS Digital Trends

                    RSS Wireless Week

                      Copyright © 2022 MOBILE @ YALE, powered by Wordpress   PR News
                      Subscribe

                      Subscribe By Email

                      Get every new post delivered right to your inbox.

                      This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

                      Skip to toolbar
                      • Log In