Skip to content

Web clipping directly to Evernote on the iPhone

February 8, 2011

Ever wish you could web clip directly to Evernote on your iPhone? Tired of having to paste a link into Evernote’s browser after copying it from Safari just so you can clip it? Try this…



This tip has appeared in numerous places, most difficult to find because they’re comments to other posts. Additionally, some of the steps are a bit cumbersome as given elsewhere. The following should simplify things considerably:

1. Add a bookmark to any site in Safari. Name the bookmark “Clip to Evernote” or whatever you like.

2. Open bookmarks and select Edit. Select the bookmark you just created.

3. Paste the following in place of the URL that’s already there. Be sure you paste all of the following over all of what’s there originally. If you’re reading this on your phone, please note that some phones format the JavaScript as two long lines that are very difficult to copy for pasting. If this affects you, please see the end of this post.

javascript:(function(){EN_CLIP_HOST=’http://www.evernote.com’;try{var%20x=document.createElement(‘SCRIPT’);x.type=’text/javascript’;x.src=EN_CLIP_HOST+’/public/bookmarkClipper.js?’+(new%20Date().getTime()/100000);document.getElementsByTagName(‘head’)[0].appendChild(x);}catch(e){location.href=EN_CLIP_HOST+’/clip.action?url=’+encodeURIComponent(location.href)+’&title=’+encodeURIComponent(document.title);}})();

4. Save your bookmark by clicking Done.

Now, whenever you want to clip something, select it (or leave it unselected for the whole page) and click the bookmark you just finished making. Voila! For those of you using Evernote’s great tagging feature to implement GTD contexts such as @Read, @Read Someday, or reference files for projects, this web-clipping tip for phones can be a great time-saver if you’re browsing during your waiting times.

The only real drawback is the window that pops up doesn’t resize, so you’ll have to fiddle a bit to reach the fields you want to populate.

Note: I take no credit for the code above. It is the JavaScript from the desktop browser clipping widget.

Happy clipping! Now you can easily add those reference pages into your GTD system and stop worrying about the content changing.

If you need to copy/paste the JavaScript in small chunks due to how your phone formats it, please use the following and be sure to scroll to the end of the pasted text in your bookmark and save it at the end of each paste.

javascript:(function(){EN_CLIP_HOST=’http://www.evernote.com’;

try{var%20x=document.createElement(‘SCRIPT’);x.type=’text/javascript’;

x.src=EN_CLIP_HOST+’/public

/bookmarkClipper.js?’+(new%20Date().getTime()/100000);

document.getElementsByTagName(‘head’)

[0].appendChild(x);}catch(e)

{location.href=EN_CLIP_HOST+’/clip.action?

url=’+encodeURIComponent(location.href)+’&

amp;title=’+encodeURIComponent(document.title);}})();

Advertisements

Comments are closed.

%d bloggers like this: