利用書籤功能,給瀏覽器加上類似GoogleReader的SendTo功能


最近體驗了一下 GoogleReader SendTo 功能 ,感覺相當不錯,轉眼一想,要是在瀏覽每一個網頁時都能像在GoogleReader 中閱讀 RSS 一樣方便地 SendTo ,那該多方便,於是進行了一些摸索,現跟大家分享。


總體的實現思想是利用瀏覽器的書籤,結合JavaScript 功能,將標題、 URL 等信息發送至 Twitter RTM Delicious 等提供的接口,下面展示幾個示例。


1、 Twitter

目標:瀏覽該網頁時,點擊書籤,可將文章標題以及URL 發送至 Twitter 中;

方法:添加一個書籤,標題隨意,網址如下所示:
javascript:(function(){f='http://hellotxt.com/?status='+encodeURIComponent(document.title)+';URL:'+encodeURIComponent(window.location.href)+'&v=5&';a=function(){if(!window.open(f+'noui=1&jump=doclose','deliciousuiv5','location=yes,links=no,scrollbars=no,toolbar=no,width=550,height=550'))location.href=f+'jump=yes'};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})()  

說明:因Twitter 被牆,我在此處採用的是 hellotxt 提供的服務來間接發佈 Twitter 消息, 有關hellotxt 如何使用 請在Google 檢索;


2、 美味書籤

目標:瀏覽某網站時,點擊書籤,將其收藏之美味書籤中,類似於firefox 中美味書籤插件的 Tag 按鈕的功能;

方法:添加一個書籤,標題隨意,網址如下所示:
javascript:(function(){f='http://delicious.com/save?url='+encodeURIComponent(window.location.href)+'&title='+encodeURIComponent(document.title)+'&v=5&';a=function(){if(!window.open(f+'noui=1&jump=doclose','deliciousuiv5','location=yes,links=no,scrollbars=no,toolbar=no,width=550,height=550'))location.href=f+'jump=yes'};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})()


3、 RememberTheMilk.

目標:瀏覽某網頁時,希望將其記錄至RTM 中,過些時間詳細閱讀;

方法:添加一個書籤,標題隨意,網址如下所示:
javascript:(function(){f='http://m.rememberthemilk.com/add?url='+encodeURIComponent(window.location.href)+'&name=Read:'+encodeURIComponent(document.title)+'&due=%E6%98%9F%E6%9C%9F%E4%BA%94'+''+'&v=5&';a=function(){if(!window.open(f+'noui=1&jump=doclose','deliciousuiv5','location=yes,links=no,scrollbars=no,toolbar=no,width=550,height=550'))location.href=f+'jump=yes'};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})()


當然類似地,我們也可以實現另存爲PDF 、發佈至 Evernote 、分享至 WordPress 、分享至人人網等,具體的實現方法請大家借鑑以上的三個示例,折騰出更多的應用來。

 

 

 

本站文章除註明轉載外,均爲本站原創  
轉載請註明:文章轉載自:[   http://blog.csdn.net/dongjianxu   ]  
本文標題:   利用書籤功能,給瀏覽器加上類似 GoogleReader  的  SendTo  功能

本文地址:   http://blog.csdn.net/dongjianxu/archive/2009/08/22/4473027.aspx


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章