Archive for the ‘Firefox’ Category

在Blip.fm主导航添加Upload链接
Monday, November 3rd, 2008

这互联网的发展真是日新月异,我一直都跟不上时代。Hexy好多次跟我提到Blip.fm,我这个守旧的人从来没仔细玩过——关键是我也不喜欢音乐。

今天该互联网著名女博客让我帮她写一个Greasemonkey脚本,把上传的链接添加到Blip.fm每个页面右上角的导航栏里。效果如下:

脚本在:http://userscripts.org/scripts/show/36473

Hexy算的时间是15分钟,工作交付后,得到了一大堆溢美之辞,于是怀着激动的心情写下这篇文章以作纪念。其实,就那么几行代码。

名人的号召力就是不一样,很快就有用户在那里开始留言了……

在Gmail顶部显示Google Reader的未读数
Saturday, July 26th, 2008

我把Gmail作为Firefox的主页,打开浏览器就一直开着。我用Google Reader来读RSS.

曾经用Google Reader Notifier这个扩展来显示未读数目,后来嫌烦,不用了,并且清理了许多无聊的RSS订阅。

不过没有了未读提醒,有时候好多天才想起去看一眼,又觉得不爽。真是很矛盾。

看到Gmail顶上有个Reader的链接,哎,这是个好地方,于是把未读数目显示在那里,挺好:

当然了,这个脚本似乎就是Google Reader Notifier的缩减版,只是有趣而已……

一般情况下8分钟检查一次。点击Reader链接打开以后,改为1分钟后检查,每检查一次,间隔时间加长一分钟,直到恢复为8分钟。

你需要先安装Greasemonkey,然后安装该脚本

Page on userscripts.org.

gDocsBar - 在Firefox侧栏管理Google Docs
Monday, January 28th, 2008

如果你日常生活、工作中大量使用Google Docs,一定要试一试这个刚刚发布的Firefox扩展——gDocsBar

gDocsBar is a sidebar extension for firefox, a perfect companion for Google® Docs.

With gDocsBar, you can drag and drop multiple files into the sidebar to upload documents.

You can search, filter documents right from the sidebar.

个人觉得打开Google docs的首页是非常慢的,除了网速的限制,大量的JavaScript也是一个问题。这个扩展真的很方便,也可以提高使用Google docs的效率。

去除Firefox中点击链接时的虚线边框
Thursday, January 10th, 2008

在Firefox里,鼠标点击一个链接时,它的周围即出现虚线画出的边框。这种例子遍地都是,在WordPress后台写这个文章的时候,随手点一下右边那些widget,就看到了这个问题(图片的右上角):

WP-admin link

在某些特殊的情况下,比如做一个导航菜单的时候,出现这个情况时效果就很糟糕了,因为Firefox会错误地扩大链接的边框:

Digg Menu Link

:) 这是我用Firebug修改了Digg的CSS截到的效果。Digg的设计是比较完美的。

在Firefox的地址栏输入about:config,回车。有一个配置项叫做“browser.display.focus_ring_width”,把它修改成0,点击链接时就不会出现那个边框。但这样的话,在焦点落在按钮上时也没有了边框指示。而且作为一个开发者,在浏览器里设置这个属性,无异于掩耳盗铃。

这实际上是Firefox在<a>这个标签处于focus状态时(pseudo selector - a:focus)给它加的outline属性。

正确的解决办法是在CSS里加一个规则:

a {
outline: none;
}

或者缩小范围:

a:focus {
outline: none;
}

后者使得鼠标左键在链接上按下,松开之前的这段时间里,仍会显示虚线的outline.

在我看到的大部分网站中,都把这条规则写在CSS里。或许Firefox该考虑去掉这个的默认outline.

整理你的Firefox状态栏
Sunday, October 28th, 2007

Firefox的一个优点在于丰富的扩展,几乎每个Firefox用户都或多或少安装了扩展,借此使自己的Firefox用起来更加得心应手。但是许多Firefox扩展都会在状态栏中显示信息,这对于安装了很多扩展的用户来说,可是个麻烦事。尤其是习惯了原有的顺序后,再安装一个新的扩展,新扩展可能在原来的一排位置中间找个空当。比如我就习惯了Firebug的小图标放在状态栏的最右边,很方便点击(当然F12可以呼出,不过我受鼠标的毒害太深了 :) )。在安装一个新扩展后,发现它抢去了Firebug的风水宝地,让我很不爽。

当然了,在对Firefox有了新的需求时,先要看看它有没有扩展已经可以满足你。果然,Google一下就找到了Organize Status Bar这个扩展,正是我想要的!

安装后重启,Firefox的“工具”主菜单中多了一项“组织工具栏”,点击后,如下所示,你可以给各个扩展划定版图了:

Firefox Status Bar

我当然是要将Firebug的领土归还给它 :)

用Firebug加速Web前端开发
Thursday, August 16th, 2007

工欲善其事,必先利其器。

Firebug是在Firefox中调试HTML、JavaScript、CSS的工具。它的发布可以用“横空出世”来形容,对于Web开发者来说,针对Firefox的开发成本大大降低。我现在开发都是先在Firefox上,然后为兼容IE给代码“打补丁”,而这打补丁花费的时间,有时会超过在Firefox上开发所用的时间,甚至数倍、数十倍!

IE deverloper toolbar,是IE开发组自己做的,按理说应该更强大才对,然而实际上它根本无法跟Firebug这个第三方插件相比,简直就是鸡肋。拥有如此优秀的插件,一定程度上也反映了Firefox的良好基础架构。

了解Firebug,首先要上它的主页。插件的作者首先是位优秀的Web开发者,Firebug的主页是做得非常好的。注意页顶的图片,它不仅仅是一幅截图,Console, HTML, CSS, …那排Tab,都是可以点击的!图片的切割和JavaScript的应用,构成了一个交互式的预览。先不用安装,点一点那些tab,你就会大致了解Firebug的界面和功用。

这个预览的下面是它的各种功能的简介。我最近才发现简介的链接是到更详细的介绍,以前都是自己摸索,看到那些激动人心的功能,忍不住有写出来分享的冲动。既然人家本来就有这么好的介绍,我再做这件事就是费力不讨好了:) 如果你确实需要Firebug,那你一定要从头到尾一字不拉地把它的介绍看完,不然说不定会遗漏一些贴心的功能!

这里还有一篇Firebug作者写的文章,可以看看:

AJAX Debugging with Firebug

Firefox的一个小bug
Tuesday, August 14th, 2007

这两天网络不好,发现了Firefox的一个小问题。

假设你现在网络出了问题,虽然不显示网络连接断开,但连接任何网站都会超时。打开一个新标签,输入一个网址,回车,过一会,出现了超时的提示。在同一标签页中,重新连接另一个网址,同样是超时。

这时就可以发现问题了。点击“刷新”图标,刷新的是第二个网址。点击重试图标,重试的是第一个网址!

谁把它提交到Firefox的Tracker吧。Firefox 2.0.0.6, Windows XP SP2.

New logo for Firefox
Friday, December 15th, 2006

用这个做Firefox的logo,你觉得怎么样呢?

Firefox new logo

这里发现的,我比较愚笨,第二次打开看才明白内涵:smile:。

还发现一个blog专门发此类图片的,好像很火的样子。