{"id":6247,"date":"2010-01-29T16:11:34","date_gmt":"2010-01-29T23:11:34","guid":{"rendered":"http:\/\/wapreview.com\/?p=6247"},"modified":"2010-01-29T16:11:34","modified_gmt":"2010-01-29T23:11:34","slug":"supercharge-the-n900-browser-with-bookmarklets","status":"publish","type":"post","link":"https:\/\/wapreview.com\/6247\/","title":{"rendered":"Supercharge the N900 Browser With Bookmarklets"},"content":{"rendered":"<p>Regular <em>WapReview <\/em>readers know I&#8217;m a big fan of browser bookmarkets, snippets of JavaScript in a browser bookmark that automate repetitive tasks in the browser.\u00a0 Bookmarklets let you post\u00a0 links to Twitter or\u00a0 Delicious with just a couple taps. And that&#8217;s just the beginning, bookmarklets can simplify tasks like creating short URLs, subscribing to feeds in Google Reader or Bloglines, translating all or part of a web page to another language and changing illegible page colors to something more readable.<\/p>\n<p>When I got I my trial N900 from <a title=\"mobile site\" href=\"http:\/\/womworld.com\">WOMWorld<\/a> I immediately checked to see if bookmarks worked with the MicroB browser &#8211; and they do. In fact, MicroB makes adding and using bookmarklets easier than any other mobile browser I&#8217;ve used.\u00a0 Firefox Mobile supports bookmarklets too, although not as conveniently.<\/p>\n<p><strong>How to setup a bookmarklet in MicroB<\/strong><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignright\" src=\"https:\/\/wapreview.com\/images\/AddBookmark.jpg\" alt=\"Copy link address \" width=\"320\" height=\"192\" \/><\/p>\n<p>Find a bookmarklet you want to try. There are hundreds, maybe thousands posted on the web. A good place to start is <a href=\"https:\/\/www.squarefree.com\/bookmarklets\/\">Jesse&#8217;s Bookmarklets Site<\/a>, a well organized listing of hundreds of bookmarklets. If you are looking for bookmarklet that works with a particular service, Googling for &#8220;<em>Service Name<\/em> bookmarklet&#8221; will usually find something usable. Here&#8217;s one I found searching for &#8220;<em>Google Reader bookmarklet<\/em>&#8220;, It&#8217;s a\u00a0 <a href=\"javascript:var%20f=false;var%20ls=document.getElementsByTagName('link');for(var%20i=0,l;l=ls[i];i++){var%20t=l.getAttribute('type');var%20r=l.getAttribute('rel');if(t&amp;&amp;(t=='application\/rss+xml'||t=='application\/atom+xml')&amp;&amp;r&amp;&amp;r=='alternate'){var%20h=%20l.getAttribute('href');if(h.indexOf('http')!=0){var%20p=(h.indexOf('\/')!=0)?'\/':location.pathname;h='http:\/\/'+location.hostname+p+h;}location='%20http:\/\/google.com\/reader\/preview\/*\/feed\/'+h;f=true;break;}}if(!f)alert('Oops.%20Can\\'t%20find%20a%20feed.');\">Subscribe With Google Reader<\/a> bookmarklet from the <a href=\"http:\/\/googlereader.blogspot.com\/2005\/11\/subscribing-to-feeds-via-little-google.html\">Official Google Reader Blog<\/a>.<\/p>\n<p>Once you find a bookmarklet that you want to try, do the following (you can test the process with the Google Reader bookmarklet above).<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignright\" src=\"https:\/\/wapreview.com\/images\/AddBookmarkDialog.jpg\" alt=\"MicroB - Add Bookmark\" width=\"320\" height=\"192\" \/><\/p>\n<ul>\n<li>Do a long press on the bookmarklet link and choose &#8220;<em>Copy link address<\/em>&#8221;\u00a0 from the context menu (image above)<\/li>\n<li>Press Ctrl-D and choose &#8220;Add to bookmarks&#8221;.<\/li>\n<li>Tap the <em>Address <\/em>field on the add bookmarklet dialog (image right) and press Ctrl-A to highlight it.<\/li>\n<li>Press Ctrl-V to paste the copied bookmarklet URI into the address field.<\/li>\n<li>Edit the bookmarklet title and change the folder if desired and then tap the <em>Save <\/em>button.<\/li>\n<\/ul>\n<p><strong>How to use bookmarklets in MicroB<\/strong>:<\/p>\n<p>To use a bookmarklet, for example, the <em>Add to Google Reader<\/em> one we just added:<\/p>\n<ul>\n<li>Visit the page you want the bookmarklet t0 work with.\u00a0\u00a0 In this example, I open the site I want to add to Googe Reader, <a title=\"mobile site\" href=\"http:\/\/openattitude.com\">OpenAttitude.com<\/a>, an interesting blog covering open source, unlocked phones,\u00a0 fair use and other things that make our gadgets and our lives better.<\/li>\n<li>Tap Ctrl-B to open your bookmarks page<\/li>\n<li>Tap the bookmarklet.\u00a0 Depending on what\u00a0 the bookmarklet is supposed to do, <em>something <\/em>should happen.\u00a0 In this case Google Reader will load displaying the feed (image below) and where you can subscribe by tapping the &#8220;<em>Subscribe<\/em>&#8221; button.<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignright\" src=\"https:\/\/wapreview.com\/images\/AddToGoogle.jpg\" alt=\"Add feed to Google Reader \" width=\"324\" height=\"196\" \/><\/p>\n<p>So what about Firefox Mobile?\u00a0 Yes, you can use bookmarklets with it, but it isn&#8217;t as easy.\u00a0 The problem is that there is no way to copy link addresses in Firefox Mobile. As a workaround you can use a page (<a title=\"mobile site\" href=\"http:\/\/o.yeswap.com\">o.yeswap.com<\/a>) that I created for adding bookmarklets to Opera Mini, which also doesn&#8217;t let you copy link addresses.\u00a0 My page has links to itself with the bookmarklet&#8217;s JavaScript appended to end of the link url. For example the <em>Add to Delicious<\/em> link looks like this:<\/p>\n<p><a href=\"http:\/\/o.yeswap.com\/?javascript:location.href=%27http:\/\/del.icio.us\/post?v=4;url=%27+encodeURIComponent(location.href)+%27;title=%27+encodeURIComponent(document.title)\">http:\/\/o.yeswap.com\/?javascript:location.href=%27http:\/\/del.icio.us\/post?v=4;url=%27+encodeURIComponent(location.href)+%27;title=%27+encodeURIComponent(document.title)<\/a><\/p>\n<p>When you click that link it reloads the page with the bookmarklet embedded the page URL.\u00a0 You can bookmark the page and edit the link to remove\u00a0 &#8220;<em>http:\/\/o.yeswap.com\/?<\/em>&#8221; from the beginning so that it&#8217;s valid JavaScript.<\/p>\n<p><strong>Here&#8217;s a step by step guide to adding a bookmarklet to Firefox Mobile<\/strong>:<\/p>\n<ul>\n<li>Visit <a title=\"mobile site\" href=\"http:\/\/o.yeswap.com\/\">o.Yeswap.com<\/a> with Firefox Mobile and tap on any of the bookmarklet links.<\/li>\n<li>When the page reloads, slide your finger to the right revealing a hidden menu.<\/li>\n<li>Tap the star icon on the menu to bookmark the page.<\/li>\n<li>Tap the star again and choose &#8220;<em>Edit<\/em>&#8220;.<\/li>\n<li>On the bookmark edit dialog,\u00a0 change the bookmark&#8217;s title to something meaningful.<\/li>\n<li>Now edit the <em>Address <\/em>field and delete everything before the &#8220;<em>javascript:<\/em>&#8221; part (i.e. delete <em>http:\/\/o.yeswap.com\/?<\/em> from the beginning of the address).<\/li>\n<li>Tap the <em>Done <\/em>button.<\/li>\n<\/ul>\n<p><strong>To use a bookmarklet in Firefox Mobile<\/strong>:<\/p>\n<ul>\n<li>Press Ctrl-L to open the &#8220;<em>Awesome Bar<\/em>&#8220;.<\/li>\n<li>Tap &#8220;<em>See all bookmarks<\/em>&#8220;.<\/li>\n<li>Tap the bookmarklet you want to use.<\/li>\n<\/ul>\n<p><strong>My favorite bookmarklets<\/strong><\/p>\n<p>Here are some of the bookmarklets I find most useful:<\/p>\n<p><a href=\"javascript:location.href=%27http:\/\/del.icio.us\/post?v=4;url=%27+encodeURIComponent%28location.href%29+%27;title=%27+encodeURIComponent%28document.title%29\">Post to Del.icio.us<\/a> Add the current page to <a href=\"http:\/\/delicious.com\">delicious.com<\/a>.<br \/>\n<a href=\"javascript:location.href=%27http:\/\/www.bloglines.com\/sub\/%27+location.href\"> Add to Bloglines<\/a> Add the current page&#8217;s feeds to your <a href=\"http:\/\/bloglines.com\">Blogline<\/a>&#8216;s subscriptions.<br \/>\n<a href=\"javascript:location.href=%27http:\/\/twitthat.com\/go?url=%27+encodeURIComponent%28location.href%29+%27&amp;title=%27+%28%28document.title%29?encodeURIComponent%28document.title.replace%28\/%5E%5Cs*%7C%5Cs*$\/g,%27%27%29%29:%27%27%29\"> Twitthat<\/a> Tweet a link and include a canned or custom comment using the <a href=\"http:\/\/twitthat.com\">Twitthat<\/a> service.<br \/>\n<a href=\"javascript:location.href=%27http:\/\/delivr.com\/%27+location.href\">Delivr Me<\/a> Create a mobile aware short URL using <a title=\"mobile site\" href=\"http:\/\/delivr.com\">Delivr.com<\/a><br \/>\n<a href=\"javascript:location=%27http:\/\/translate.google.com\/translate?u=%27%20+%20encodeURIComponent%28location%29;\">Google Translate<\/a> Translate the current page to English.<br \/>\n<a href=\"javascript:TxtRsz={formEl:null,adEv:function(t,ev,fn){if(typeof%20document.addEventListener!='undefined'){t.addEventListener(ev,fn,false)}else{t.attachEvent('on'+ev,fn)}},rmEv:function(t,ev,fn){if(typeof%20document.removeEventListener!='undefined'){t.removeEventListener(ev,fn,false)}else{t.detachEvent('on'+ev,fn)}},init:function(){var%20textareas=document.getElementsByTagName('textarea');for(var%20i=0;i&lt;textareas.length;i++){textareas[i].style.cursor='se-resize'}var%20inputs=document.getElementsByTagName('input');for(var%20i=0;i&lt;inputs.length;i++){if(inputs[i].type=='text'){inputs[i].style.cursor='e-resize'}}TxtRsz.adEv(document,'mousedown',TxtRsz.initResize)},initResize:function(event){if(typeof%20event=='undefined'){event=window.event}var%20target=event.target||event.srcElement;if(target.nodeName.toLowerCase()=='textarea'||(target.nodeName.toLowerCase()=='input'&amp;&amp;target.type=='text')){TxtRsz.formEl=target;TxtRsz.formEl.startWidth=TxtRsz.formEl.clientWidth;TxtRsz.formEl.startHeight=TxtRsz.formEl.clientHeight;TxtRsz.formEl.startX=event.clientX;TxtRsz.formEl.startY=event.clientY;TxtRsz.adEv(document,'mousemove',TxtRsz.resize);TxtRsz.adEv(document,'mouseup',TxtRsz.stopResize);try{event.preventDefault()}catch(e){}}},resize:function(event){if(typeof%20event=='undefined'){event=window.event}try{TxtRsz.formEl.style.width=event.clientX-TxtRsz.formEl.startX+TxtRsz.formEl.startWidth+'px'}catch(e){}if(TxtRsz.formEl.nodeName.toLowerCase()=='textarea'){TxtRsz.formEl.style.height=event.clientY-TxtRsz.formEl.startY+TxtRsz.formEl.startHeight+'px'}},stopResize:function(event){TxtRsz.rmEv(document,'mousedown',TxtRsz.initResize);TxtRsz.rmEv(document,'mousemove',TxtRsz.resize);var%20textareas=document.getElementsByTagName('textarea');for(var%20i=0;i&lt;textareas.length;i++){textareas[i].style.cursor='text'}var%20inputs=document.getElementsByTagName('input');for(var%20i=0;i&lt;inputs.length;i++){if(inputs[i].type=='text'){inputs[i].style.cursor='text'}}}};TxtRsz.init();\"><\/a><\/p>\n<p>All of the above work in MicroB. I don&#8217;t use Firefox Mobile much (<a href=\"https:\/\/wapreview.com\/6234\">here&#8217;s why<\/a>) and only the tested the Delicious bookmarklet with it, but the others are likely to work.<\/p>\n<p>If you don&#8217;t have an N900, several other mobile browsers support bookmarkletsincluding Opera Mobile and Mini, Mobile Internet Explorer, Palm OS Blazer and the Nokia Browser on the E72, N86 and all Symbian 5th edition phones. The Android, Bolt and UCWEB browsers and all the embeded feature phone browsers I&#8217;ve tried do not, unfortuanately. See <a href=\"https:\/\/wapreview.com\/255\">Bookmarklets for Opera Mini<\/a> for more about bookmarklets.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Regular WapReview readers know I&#8217;m a big fan of browser bookmarkets, snippets of JavaScript in a browser bookmark that automate repetitive tasks in the browser.\u00a0 Bookmarklets let you post\u00a0 links to Twitter or\u00a0 Delicious with just a couple taps. And that&#8217;s just the beginning, bookmarklets can simplify tasks like creating short URLs, subscribing to feeds in Google Reader or Bloglines, translating all or part of a web page to another language and changing illegible page colors to something more readable. &hellip; <a href=\"https:\/\/wapreview.com\/6247\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":14576,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[38],"tags":[642,1011,124,1010,909],"_links":{"self":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/6247"}],"collection":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/comments?post=6247"}],"version-history":[{"count":14,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/6247\/revisions"}],"predecessor-version":[{"id":6261,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/6247\/revisions\/6261"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/media\/14576"}],"wp:attachment":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/media?parent=6247"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/categories?post=6247"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/tags?post=6247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}