Bookmarklets for iPad

iPad Help, Tips & Tricks

// April 2, 2011

[tabs] [tab title=”Tab 1″] Content [/tab] [tab title=”Tab 2″] Content [/tab] [/tabs]There are some pretty cool things you can do with bookmarklets on your iPad, iPhone or iPod touch. There are bookmarklets to help you find words in a page, view the html source code of a web page, post links to Twitter, define words, and lots more.

Bookmarklets are basically little bits of JavaScript that can perform various functions in your web browser. They are easy to install and add useful features to Safari. You can also preview the bookmarklets by clicking or tapping on the link above the javascript.

Here is how to save bookmarklets on the iPad in Safari.

Copy the javascript in the box you want to bookmark (hold your finger on the text, tap select all, then copy).

Tap the arrow at the top of the page and tap “Add Bookmark”.

You can change the name to coincide to the type of bookmarklet you are saving (view source, find in page, etc) and tap “Save”.

Now, lets find the bookmark you just saved. Tap the book icon at the top of the page. Tap “Edit”, and select the bookmark you saved.

Tap the X next to the url and delete it, then paste the javascript you copied earlier.

Tap done.

That’s all you have to do put a bookmarklet on your iDevice.

Bookmarklet Javascript

Now that you know how to add bookmarklets to your iDevice, here is the javascript for several very useful bookmarklets. You can add any or all of them by the method described above.

View Source

Click or tap the View Source link to preview it. You can also drag and drop into your bookmarks bar on your desktop.

javascript:(function(){
    var w = window.open('about:blank'),
        s = w.document;
    s.write('<!DOCTYPE html><head><meta name="viewport" content="width=device-width" /></head><body></body>');
    s.close();

    var pre = s.body.appendChild(s.createElement("pre"));
    pre.style.overflow = 'auto';
    pre.style.whiteSpace = 'pre-wrap';
    pre.appendChild(s.createTextNode(document.documentElement.innerHTML));

Share Twitter

Post shortened links directly to Twitter from Safari on the iPad. Click or tap the Share Twitter link to preview it. You can also drag and drop into your bookmarks bar on your desktop.

javascript:(function(){window.twttr=window.twttr||{};var D=550,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C>A){G=Math.round((C/2)-(A/2))}window.twttr.shareWin=window.open('http://twitter.com/share','','left='+H+',top='+G+',width='+D+',height='+A+',personalbar=0,toolbar=0,scrollbars=1,resizable=1');E=F.createElement('script');E.src='http://platform.twitter.com/bookmarklets/share.js?v=1';F.getElementsByTagName('head')[0].appendChild(E)}());

Find in this Page

Click or tap the Find in this Page link to preview it. You can also drag and drop into your bookmarks bar on your desktop.

javascript:void%28s%3Dprompt%28%27Find%20text%3A%27%2C%27%27%29%29%3Bs%3D%27%28%27+s+%27%29%27%3Bx%3Dnew%20RegExp%28s%2C%27gi%27%29%3Brn%3DMath.floor%28Math.random%28%29*100%29%3Brid%3D%27z%27%20+%20rn%3Bb%20%3D%20document.body.innerHTML%3Bb%3Db.replace%28x%2C%27%3Cspan%20name%3D%27%20+%20rid%20+%20%27%20id%3D%27%20+%20rid%20+%20%27%20style%3D%5C%27color%3A%23000%3Bbackground-color%3Ayellow%3B%20font-weight%3Abold%3B%5C%27%3E%241%3C/span%3E%27%29%3Bvoid%28document.body.innerHTML%3Db%29%3Balert%28%27Found%20%27%20+%20document.getElementsByName%28rid%29.length%20+%20%27%20matches.%27%29%3Bwindow.scrollTo%280%2Cdocument.getElementsByName%28rid%29%5B0%5D.offsetTop%29%3B

Dictionary

Click or tap the Dictionary link to preview it. You can also drag and drop into your bookmarks bar on your desktop.

javascript:var q=escape(window.getSelection()),i,ii;if(!q){for(i=0;i<frames.length;i++){var fr=frames[i];try{q=escape(fr.getSelection())}catch(e){};if(q)break;else{for(ii=0;ii<fr.frames.length;ii++){try{q=escape(fr.frames[ii].getSelection())}catch(e){};if(q)break;}}}}if(!q)void(q=prompt(‘Enter word to define:’,”));if(q)void(location.href=’http://www.dictionary.com/cgi-bin/dict.pl?term=’+q);

Wikipedia

Click or tap the Wikipedia link to preview it. You can also drag and drop into your bookmarks bar on your desktop.

javascript:Qr=prompt('Search%20Wikipedia%20for','');if(Qr)location.href='http://en.wikipedia.org/wiki/Special:Search?search='+escape(Qr)+'&fulltext=Search'

An alternative way to get bookmarklets to your iPad is to save them in Safari on your desktop (the bookmarklets work with all desktop browsers but will only sync in iTunes with Safari). Just drag the links into Safari’s Bookmarks Bar and sync them to your iDevice via iTunes.

You will need to check “Sync Safari bookmarks” in iTunes under the Info tab. Then, open the Bookmarks folder on your iPad and simply tap the bookmarklet you want to use.

Bookmarklets for iPad

Bookmarklet Javascript

Tags:

Leave a Reply
Cancel Reply

Advertisement

Bookmarklets for iPad

Bookmarklet Javascript

Categories

Tags:

Leave a Reply Cancel Reply

Advertisement

Leave a Reply
Cancel Reply