豆瓣电影统计插件For Chrome

<script type="text/javascript" src="http://xiamiplayer.songs.ali-sh.goodrain.net:10080/Music.php?songs=1771979713"></script>

<p>很久很久很久以前,当豆瓣的API还处于半正常状态的时候,写过一个豆影统计的网站。当然,这已经是很久以前的事情了,随着豆瓣接口的各种抽风,网站已然是不能正常工作了。这让我萌发了写插件的欲望。(魂淡!不要拦着我写插件啊啊啊啊!)</p>

<p>花了大概一天的时间写了个初版出来(博主的智商就这么样了,你们爱吐槽不吐槽吧o(╯□╰)o),下载地址见文末。本来是想要发布到Chrome Store去的,不过好像初次认证开发者要上交5刀?乃们知道博主是很穷的,所以,乃懂的~不负众望,博主花费巨资(其实也就50块)终于认证成功发布到商店啦!哈哈!</p>

<h2>如何使用</h2>
<p>打开"http://movie.douban.com/people/用户名/collect"页面,如果正常的话你会在排序菜单中发现一个“电影统计”的选项。(眼睛不好的就直接看附图吧,我用红框标明位置了。)

</p>
<p>很难找吧,嘿嘿...我是不会跟你们说我是故意的←_←(还没找到的请检查一下网址!)</p>
<p>好啦,点击电影统计,选择年份后,稍等片刻就会出结果啦,可能点击后会有卡顿现象,属于正常情况,大家切记耐心等待。</p>

<h2>最后</h2>
<p>这是本人第一次写Chrome插件,也是第一次写浏览器的插件,所以不足的地方在所难免,还希望大家多提意见,我会努力改进的,谢谢!</p>

<p>我将插件开源放在 Github 了,有兴趣的可以去观摩一二:https://github.com/lizheming/dbm</p>

<h2 id="update">更新</h2>
插件更新至1.5版,主要做了以下几个更改:

  • 增加阅读统计功能并重命名插件名称为“豆瓣统计”
  • 更新图标库增加图表图片输出功能
  • 优化导出图片墙功能
  • 重构代码数据加载更快
  • 移除导出文件功能



插件更新至1.4版,主要做了一下几个更改:

  • 增加缓存功能,某用户电影数为更新的情况下第二次之后会直接调用缓存数据即时加载
  • 增加海报墙输出功能,待所有电影海报加载完成之后点击“生成海报墙”按钮即可生成海报墙
  • 自动根据当前年份生成选项,更新了图表库文件以及其它一些小BUG的修复



插件更新至1.2版,增加了将统计结果导出成网页文件的功能。


插件更新至1.1版,修改加载数据为异步形式,更正了之前加载数据页面会卡死的问题。同时由于豆瓣电影的海报设置了防盗链,修改了海报的地址。数据加载时给出进度提示,方便用户查看进度。

<h2>安装</h2>
<h3>一、自动安装(可能需要科学上网)</h3>
<p>
<div class="button" id="install-button" style="padding:10px;border:1px solid #DDD;display:inline;cursor:pointer;box-shadow:2px 2px 1px #DDD">安装到浏览器</div> (点击按钮即可安装)
</p>
<script>
(function($){
var e = $('#install-button')

,originalText = e.html()
,itemURL = $('link[rel=chrome-webstore-item]').attr('href')
,isChrome = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase());

checkAndSetButton();
e.click(function(){

e.html('正在安装...').attr('disabled',true);
chrome.webstore.install(
  itemURL
  ,function(){
    e.html('安装成功!').attr('disabled',true);
  }
  ,function(){
    e.html(originalText).attr('disabled',false);
  }
);

});
function checkAndSetButton(){

if(isChrome){
  if (typeof chrome !== "undefined" && typeof chrome.app !== "undefined" && chrome.app.isInstalled) {
    e.html('已安装').attr('disabled',true);
  }
}else{
  e.html('只适用于Chrome浏览器').attr('disabled',true);
}

}
})(jQuery);
</script>

<p>Chrome商店地址:豆瓣电影统计插件</p>
<h3>二、手动安装</h3>
<p>crx文件下载地址:BOX | 百度</p>

  1. 点击上方的地址下载安装包。下载完成以后,可能会提示安装失败,不过没关系,我们只是要这个下载的文件。
  2. 打开chrome的插件页(UC需要进入插件中心以后,再点击右下角的开发者模式

    ![open extension][1]
  3. 把安装包拖到插件页

    ![drag to extension][2]
  4. 完成。这里安装的插件是官方插件,会自动更新到最新版

* 手动安装教程来自红杏

Firefox 4.0

[1g1g]Anyone of us-Gareth Gates#playID:192280[/]
<p>哈哈,Firefox终于更新到4.0了呢,最重要的是Firebug已经支持4.0啦!(其实1.7版就支持的,只是我等到FB的官方推送后才知道。)在虚拟机里头安装了一下,发现除了easycomment那个插件不兼容(估计以后也不兼容了吧,感觉都没人维护了),其它的都较好。</p>
<p>不得不说,FF是越来越朝Chrome靠拢了,连操作习惯都趋向于Chrome,最明显的要数插件按钮的位置了。之前FF都是放在状态栏上的,我习惯这样,也觉得这样挺好的,觉得Chrome也该放到状态栏上。结果反倒是FF先变了,也放到导航栏上去了!= =!这让我情何以堪啊...好在现在自己还可以选择位置,没有强制。另外Firefox对textarea元素的处理也趋向于Chrome化了,Chrome中用户是可以自定义textarea元素的长宽的,当然有个最小值。而Firefox比Chrome更高一层楼,连最小值都没有了,用户可以任意调整textarea的长宽了。这让做Web Design的情何以堪!然后我发现FF对于javascript的alert方法的支持也发生了改变,以前是弹出一个小窗口,现在是直接页面显示,这个跟Opera有些类似。好吧,Firefox我真的没说你在抄袭!另外FF的启动速度也有了较大的提高。不过我觉得还是好慢啊,记得微博上看到过有人说没有超过Chrome的话谁也不会去关心你相对于上个版本更新了多少。这个讲的真的是精辟呢!</p>
<p>分享一下我现在Firefox的界面,然后向大家推荐一下我觉得比较好的插件。
</p>
<p>
<h2>Movable Firefox Button</h2>
<span>这个插件能够更改Firefox4.0左上角菜单按钮的位置和样式,得到如图的效果,做到可视区域最大化。</span>
<span>
下载地址:官方下载</span></p>
<p>
<h2>Awesome screenshot: Capture and Annotate</h2>
<span>一个网页截图插件,从Chrome发展过来的。在Chrome的时候就非常喜欢这个插件,偶然搜索一下,发现FF也有相应的插件,而且在FF下的表现也不俗哦!</span>
<span>
下载地址:官方下载</span></p>

<p>
<h2>Tab Utilities</h2>
<span>在新标签页打开书签、历史、地址、搜索,以及更多增强标签式浏览的使用功能。功能很强大,不过我一般就用它来实现双击标签关闭页面以及双击标签栏新建标签。</span
<span>
下载地址:官方下载</span></p>

<p>
<h2>标签管理器</h2>
<span>如果只是要实现双击关闭标签的话我推荐使用这个插件,功能简单设置不复杂,是入门级的插件。</span>
<span>
下载地址:普通下载</span>
</p>
<p>
<h2>Speed Dial</h2>
<span>模仿Opera和Chrome在新建页面上显示你常去的网站。用了Chrome之后就非常的喜欢这个设计,所以用Speed Dial模拟了一下,也是非常的不错呢!</span>
<span>
下载地址:官方下载</span></p>

<p>
<h2>火狐主页插件0.8</h2>
<span>跟Speed Dial有着相同的效果但是比SD更加好看而且加载速度也不错,推荐大家安装这个</span>
<span>
下载地址:普通下载</span>
</p>
<p>另外,诸如Firebug, Autoproxy, Greasemonkey, Flashgot之类的简直可以说FF标配的插件我就不介绍啦!最后大家再去安装一个主题就非常的完美咯!</p>
<p>小惊喜:打开Firefox按下键盘的Alt键,你们会发现什么呢?呵呵!更多乐趣期待大家发现</p>