How to Save Webpages as PDFs with a javascript iOS Bookmarklet
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:pdf_url=location.href;location.href=’http://api.
joliprint.com/api/rest/url/print/s/joliprint.com?
url=’+escape(pdf_url)+’&disposition=attachment’
It’s a javascript. A magical formula that we’re going trick iOS Safari into running for us to create pdfs.
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.
- 2. Save the bookmark.
- 3. Open the bookmarks list, then tap “edit.”
- 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.
- 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.
- 8. Browse to a webpage you’d like to pdf, open bookmarks, and tap your new pdf maker.
- 9. Success! Your webpage is now a pdf. Tap “open in…” to send your new pdf to another app, like evernote.














Thanks, Owen. As a note, I had to fiddle with the the copy and paste routine a few times because my iPhone didn’t want to render the “tiny single quote marks” correctly. So I had to manually re-add them. No problem.
Yeah, a lot of times iOS Safari won’t handle JavaScript in bookmarks very well. Usually you can save the bookmark, then open it again and edit the JavaScript. After the second save, it usually works.