油猴脚本:Twitpic in itweet!

August 17, 2009

油猴脚本 Thumbnails in iTweet
安装:http://userscripts.org/scripts/show/55788
作用:自动在itweet的twitpic/flic.kr的连接后插入预览图。
油猴:Firefox插件,原名GreaseMonkey,安装

twitpic

最近越来越浸入twitter圈的生活了,每天一打开浏览器就是itweet跟google reader,手机上就用opera mini开着dabr。

注意到新版的dabr能够将包含的twitpic链接信息的显示出缩略图,很不错的功能,想要是itweet也有就好了!

于是抄起久违了的javascript写了个油猴脚本。刚开始实现的版本很简单,只是载入页面后扫描页面元素,用正则判断a元素的href,符合twitpic的就在它里面append个Child……但是效果很不理想,要知道itweet是纯ajax的应用,整个document的内容是一直变化的,必须要跟原来的程序互动起来才能实现完美效果……itweet主要用了jQuery和一些插件来实现各种功能,虽然之前没玩过jQuery,看了itweet.js里面的一些代码和jQuery官方的文档,被其灵活的selector震撼了!web类的应用就应该这样嘛……相信HTML5也会有类似的选择器,太强大了。

使用jQuery改写后的代码简洁多了,每个函数都是3、5行的样子,凑合起来效果还算理想,同时相应用户点击的链接,以及在后台使用一个10s的定时器检查和更新图片的url。

搜索关键词#SZTwitParty看深圳推友聚会的页面,好壮观哇,哈哈!

tags: , , , ,
posted in Programming by BOYPT

Follow comments via the RSS Feed | Leave a comment | Trackback URL

5 Responses to 油猴脚本:Twitpic in itweet!

  1. Black-Xstar says:

    支持!把其他图片网站也搞一下吧,比如flic.kr等待……

  2. PT says:

    好像有难度……flic.kr跟mobypicture.com的缩短网址都不支持直接通过短网址引用,而javascript是不能发起跨域请求来获得图片实际地址的……

  3. PT says:

    看了下flickr的api,似乎不能单靠js完成的……看看准备写个appspot

  4. BOYPT says:

    偷了别人的flickr api key,哈哈,flickr服务条款里面说api key是不能公开的,但是写在js里面怎么可能不公开呢……在一个flickr photo wall的demo里面看到了那个作者直接写着的key,我就抄过来算了,哈哈

  5. Pingback: 油猴脚本Twitter Picture Preview支持中文推特圈、官方Twitter - apt-blog.net IT民工养成计划 PT博客

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

Page optimized by WP Minify WordPress Plugin

 
Powered by Wordpress and MySQL. Theme by Shlomi Noach, openark.org