§ Rabr 动态标题栏的实现 §

先来看一下这个链接，不出意外的话，你会看到标题栏为 “Rabr / disinfeqt: 我真好奇，不会英语是怎么学到黑客技术的，花钱买黑防的VIP？ …”。

对，也就是“标题是文内推的梗概”，Twitter 这么做的原因是：直接将内容输出为标题会提升关键词的分量，而且让访客可以一目了然。

尽管 Rabr 是不[敢]开放搜索接口的，而且单条推不登录是无法查看的，但至少不能每次点开单条推都是 Rabr / XXX’s Tweet 这样子吧？

为了实现这个效果，我之前用PHP做了很多尝试，过程是这样的：调用 getTwitter()，然后指定 Status_ID，得到用户名和推，然后输出到标题栏…

好吧，为什么不用更轻量级的解决方案——JS呢？

以下是全部代码，将标题固定为 Rabr / Tweet 然后把代码放置在底部即可：

var username = $(".user_name").html();
var tweet = $(".tweet").text();
if (tweet.length > 30) {
tweet = tweet.substr(0,30) + " ...";
}
document.title = document.title.replace(/Tweet/, username + ": " + tweet);

A tiny piece of cake, ain’t JavaScript magical? :)

This was written by disinfeqt. Posted on Tuesday, January 12, 2010, at 4:52 pm. Filed under Code. Tagged , , , . Bookmark the permalink. Follow comments here with the RSS feed. Trackbacks are closed, but you can post a comment.

3 Comments

  1. Leeiio wrote:

    呃，折腾死你。
    果然是个完美主义者。

    ReplyReply
    Tuesday, January 12, 2010 at 5:03 pm | Permalink
  2. disinfeqt wrote:

    @Leeiio: :)

    ReplyReply
    Tuesday, January 12, 2010 at 5:05 pm | Permalink
  3. honicc wrote:

    Warning: session_start() [function.session-start]: Cannot send session cache limiter – headers already sent (output started at /home/lovvkey/public_html/rabr/profile.php:1) in /home/lovvkey/public_html/rabr/inc/header.php on line 1

    请教，这个怎么解决？

    ReplyReply
    Friday, January 29, 2010 at 11:05 pm | Permalink

Post a Comment

Your email is never published nor shared. Required fields are marked *
*
*