Pasting the JavaScript Into the URL Field

in Apple

Use the Evernote Clipper With Safari On iPad and iPhone

evernote

iOS 7 Users: I have done a guide specifically for iOS 7 because of the differences with the new GUI. 

The Evernote Clipper is a great way to add URLs and sites to Evernote notebooks. It is a bookmarklet javascript that one can place on their browser bookmark bar to quickly select. But, in iOS, you don’t have that kind of functionality. Good news is the bookmarks function in Safari on iOS does allow execution of javascript. Works well on iPad, works okay on iPhone. 

Here is what you do.

1. Go to http://www.evernote.com on your iPad or iPhone

2. Bookmark that in Safari

Add Bookmark on your iOS Device

3. Go to Bookmarks in Safari and edit the Evernote bookmark you just did.

4. Change the name/title to ‘Evernote Clipper’ or whatever you want it to be.

5. Copy the code from this text file and paste it in the field where the URL is (from the “j” in javascript to the “;” ) and save.

iOSEvernoteWebClipper

Pasting the JavaScript Into the URL Field

6. Save out of everything and go to a website or something and then when you are on the page, hit the bookmarks icon and select ‘Evernote Clipper’ bookmark to get the Evernote clipper screen.

Using the Clipper Bookmark on iOS

You might need to do the initial Safari login to Evernote, but after that, you should be good to go.

Clipper Javascript Bookmark on iOS

Update 05/09/12: It has also been reported on iPhones that it is best to set the Safari Options on “Open Links” from “In New Page” to “In the Background” if you are having resizing issues. Here is how you do it–

Go to “Settings” on your iPhone then Safari.

iPhone Safari Settings “Open Links” preference

Change that “Open Links” option to “In the Background”

iPhone Safari Settings on “Open Links”

Write a Comment

Comment

two × one =

233 Comments

  1. I found the easiest way to deal with Evenote’g IOS web pages: I use the Mercury Browser. It’s a simple way to either send it to Evernote, to Facebook, to Twitter or email it.

  2. Thanks so much! These are the things that make evernote more than a note taker. I’m quite new to using evernote and I’m honestly surprised at how little information is out there for simple tasks – such as managing photo’s in your notes (and a few other things). Thanks again :-)

  3. This clipping is working well on my iPad 2. But when I go to,the note in Evernote, I find that I cannot edit it – I cannot add text before or after the clip nor can I delete text in the clip.

  4. Brilliant!

    So well explained even a techno-noob like me got it up and running!

    This has also helped me learn Evernote better, so wins all around.

    THANK YOU,

  5. Your instructions are crystal clear. I followed them to the t. Now I can clip from my iPad to Evernote without any problems. Many thanks!!

  6. Hi Mergy,

    Thanks for sharing….however :( ….. attempted 8 times or so, I was only able to sync to Evernote twice. The other six times, the web clipper crashed and dropped me out of Sarfari altogether.

    Any ideas on how I may tweak my ipad (version. 5.1.1)??

    Many thanks.
    jh

    • Sorry to hear that.

      Try this:

      1. In Safari on your iPad, go to http://www.evernote.com
      2. Login to the web interface. This sets the cookie for Evernote in Safari.
      3. Log-out of Evernote web in Safari (optional)
      4. Then, go somewhere else on the web in Safari and try the Evernote bookmark and see if it works.

      Good luck!

  7. Thanks Mergy,
    I tried this with safari on my ipad and it worked great. Problem is that I usually use Chrome on ipad and not safari. For some reason I can’t figure out how to get this to work with Chrome. Any advice?

  8. Thank you very much, this is really helpful!
    Not sure if I am the only one to be slow on realizing, that the “IOS…” link has to be tapped, in order to view and copy Java text…I only realized, when I found the hint in an comment below… perhaps the instruction can be made idiot proof…but the result is such a saver! Really grateful!

  9. I had this working as you described on iphone and ipad for years with ios 5 and 6. Probably got from you. Stopped working on iphone ios 6 .Used to get dialogue box with title category save, url etc. Now I get blank window instead of evernote dialogue box on how to save, categories etc. When I go to evernote I find its saving the urls.

    Ive cleaned out cache annd cookies. Restarted and rebooted. I couldn’t get it back till I tried your ipad suggestion. Went to evernote.com safari logged in and logged out. Ran my bookmark and logged in bookmark. Ran bookmark and working on all sites.

    • Great news. Evernote must have changed something around requiring cookies or something a while back. It never was an issue. It’s funny, I did this back in iOS 4 I think. Crazy that it is still working on iOS7!

      • I’m having a similar problem. Had been working on my ipad even with ios7 update. Now it’s not working . The clip box loads blank.. Tried reinstalling code to no avail.

        Any ideas?

        Jr

    • Well it’s not working now. I was wrong. I can only get it work when in Evernote home page. Every other page won’t show box or choices and seems to auto save. I need help

  10. I also can’t get the popup window to resize so that I can see “Save” button. Any fix for this?
    Tried the open in background thing. No joy.

    Iphone 5
    6.0.1

    Simple clipping of web pages would be the main use of evernote, for me.

    Thank you for your work

    M

    • I made it! :-) But how do I check the “clip full page set box” so I dont have to clip the entire page or only the URL?

  11. I do all my research on my iPhone and iPad and was so frustrated that the web clipping feature wasn’t available for them, now I can use evernote the way I wanted to. You are brilliant! I can’t thank you enough!

  12. Every evernote user has a Evernote email account which could be found in your account profile. From mobile device, in order to add a web page into your Evernote, you only need to email the news, article from web browser to the email

  13. The Safari clipper is just brilliant. Have been trying to find an Evernote type app for years (literally), experimenting with brain technologies mind-mapping product. JM’s fix for browser clipping on the ipad fills a little void. All that’s needed now is integration of Evernote and Wunderlist and I will be a very happy bunny. – ‘JR’

  14. Hello:

    I followed these instructions, using iPhone 5s. But I can’t seem to get the Evernote login box to resize — I cannot click on the “save” button to clip an article to Evernote. I even tried updating my settings to “In Background.”

    Any ideas what might be wrong?

    Cheers

  15. 5. Copy the code from this text file and paste it in the field where the URL is (from the “j” in javascript to the “;” ) and save.

    So WHAT IS “this text file”?? Trying to follow directions but writer is assuming reader knows what “this” is?!?!

    • Hi Andy, I understand how it can be frustrating not to understand a tutorial that is meant to help you and you fill like things are missing. But I don’t think it the right way to ask for help. Jonathan does this kindly to help people.

  16. Hello all, i feel a bit stupid as i don’ t understand about which text file point 5 is all about. Can someone let me know? Thanks

  17. I do not get this green page with a place to past in the URL? I get a page with a dude smiling at me and no place to copy the code…please help me? Am I bookmarking the wrong page? It is the only thing that came up when you search for Evernote and from your link…