某人的栖息地 » firefox http://www.ooso.net Linux + Apache + Mysql + Php + Flash Thu, 11 Mar 2010 17:54:31 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 goo.gl shortener plugin for vimperator http://www.ooso.net/archives/504 http://www.ooso.net/archives/504#comments Mon, 21 Dec 2009 14:18:45 +0000 Volcano http://www.ooso.net/?p=504 阅读全文（372字）]]> 基于goo.gl短url服务制作的vimperator插件，这个服务本来只有chrome上面可以玩玩，但是实际上有很简单的api可以调用，因此我改造成vimperator插件倒也没费太多的功夫。

goo.gl shortener plugin使用方法

    • 你必须是firefox用户，安装了vimperator插件
    • 下载goo.gl shortener插件，并放置在vimperator的plugin目录下，对于windows用户来说，通常应该在 x:\Documents and Settings\YourName\vimperator\plugin目录下。如果你是linux用户，那么你应该知道吧？
    • 在vimperator输入框里输入 :shorten就能够获得当前url的短链接，并复制到剪贴板

话说那个客官，要觉得这工具好使，在转载的时候千万留下原地址，谢谢您了。

]]> http://www.ooso.net/archives/504/feed 0 如何让gmail快速的自动检查pop3邮件 http://www.ooso.net/archives/528 http://www.ooso.net/archives/528#comments Thu, 12 Nov 2009 09:54:35 +0000 Volcano http://www.ooso.net/?p=528 阅读全文（240字）]]> 这是上一篇的升级版，上一次虽然可以手工检查pop3邮件，但是没有自动化始终是个缺憾。更新后的猴子脚本完全解决了这个问题，见下面的截图。

gmail quick checker

这个脚本做了两件事情：

    1. 左侧新增了一个 check now 按钮
    2. 右边新增了一个检查频率

声明，这个脚本只针对firefox用户。

使用方法：

我也不是这工具的原创，改写了一些而已，原版的在这里

如果你不幸安装了上一个版本的脚本，那么记得卸载掉

Update: 原来的脚本已不可用，请移步使用另外一个更新脚本.

]]> http://www.ooso.net/archives/528/feed 3 gmail的pop3快速刷新脚本 http://www.ooso.net/archives/526 http://www.ooso.net/archives/526#comments Fri, 30 Oct 2009 13:34:20 +0000 Volcano http://www.ooso.net/?p=526 阅读全文（242字）]]> gmail接收pop3邮件的周期挺长的，如果邮件不是太频繁的话，差不多1小时才会刷新一次。如果你是firefox用户的话，解决办法是：

这个工具的用途是在页面上方的“刷新”旁边新增一个链接“刷新POP3邮件”，点击之后会马上检查所有的POP3邮箱。至于自动刷新功能，还等着看官你自己搞定呢。

BTW:如果是英文版的gmail，请手工修改gmail_pop3_quick_checker.user.js，我都提取出来了。

]]> http://www.ooso.net/archives/526/feed 0 Friendfeed secure pro for greasemonkey http://www.ooso.net/archives/478 http://www.ooso.net/archives/478#comments Fri, 06 Feb 2009 08:21:56 +0000 Volcano http://www.ooso.net/?p=478 阅读全文（234字）]]> 今天听说friendfeed可以支持https://访问了，考虑到目前GFW功能越来越强大，建议所有中国用户都采用这种访问形式。顺手写了一个greasemonkey脚本 —— Friendfeed secure pro，当你采用http://访问friendfeed,那么会自动跳转到https://，firefox下的懒人专用。

满足下面两个条件，你就可以安装这个脚本：

  • 你使用的是firefox
  • 你甚至安装了greasemonkey插件

安装Friendfeed secure pro

]]> http://www.ooso.net/archives/478/feed 2 用gvim编辑firefox的文本框内容 http://www.ooso.net/archives/432 http://www.ooso.net/archives/432#comments Mon, 05 Jan 2009 16:28:08 +0000 Volcano http://www.ooso.net/?p=432 阅读全文（1097字）]]> 到目前为止，已经使用近两年vim，渐渐的对这玩意有一些依赖性。

平常用的是firefox浏览器，为了看上去比较酷或者在装A和装C之间徘徊，我又安装了vimperator插件，这样操作firefox就像用vim一样，干啥都得敲一些键盘命令，浏览网页的时候对鼠标不会太依赖，还可以方便的调整本本的位置比如放在腿上。

为了最大化的利用vim，我不厌其烦的在狗狗上爬来爬去，终于学到一招实用技巧——利用gvim编辑网页中的文本内容。简单的说，只要光标停留在目标网页的文本框里，就可以使用ctrl + i （<C + i>）快捷键biu的一下呼出gvim编辑文本。

设置过程笔记

  • 安装vimperator插件
  • 在firefox里输入伪vim命令 :set editor=gvim -f
  • 在系统的path环境变量中加入gvim.exe的路径，比如俺的是 D:\Program Files\Vim\vim72，很可能要重启电脑才能生效

顺利的话就可以使用前文说到的快捷键了。

优点

  • 切换页面的时候，不会因为编辑焦点区域丢失导致保存内容失败
  • 论坛中灌水的时候效率明显提升
  • 写wiki或blog的时候得心应手

缺点

  • 对vim的依赖程度会越来越高，不可自拔

本人的_vimperatorrc配置

PLAIN TEXT
CODE:
  1. autocmd LocationChange .* :js modes.passAllKeys = /mail\.google\.com/.test(buffer.URL) || /google\.com\/reader\//.test(buffer.URL)
  2. set complete=sfl
  3. set titlestring=hello
  4. set wildoptions=auto
  5.  
  6. noremap <C-V> <C-v>
  7. noremap <C-Z> <C-z>
  8. noremap <C-c> <C-v><C-c>
  9. noremap <C-a> <C-v><C-a>
  10. cnoremap <C-c> <C-v><C-c>
  11. cnoremap <C-v> <C-v><C-v>
  12. cnoremap <C-x> <C-v><C-x>
  13. inoremap <C-a> <C-v><C-a>
  14. inoremap <C-c> <C-v><C-c>
  15. inoremap <C-v> <C-v><C-v>
  16. inoremap <C-x> <C-v><C-x>
  17. inoremap <C-z> <C-v><C-z>
  18. inoremap <C-y> <C-v><C-y>
  19.  
  20. :style -name commandline-ime chrome://* #liberator-commandline-command input {ime-mode: inactive;}
  21.  
  22. set nextpattern=\s*下一页|下一张|下一篇|下一頁|下页|后页\s*,^\bnext\b,\bnext\b,\bsuivant\b,^>$,^(>>|››|»)$,^(>|»),(>|»)$,\bmore\b
  23. set previouspattern=\s*上一页|上一张|上一篇|上一頁|上页|前页\s*,^\bprev|previous\b, \bprev|previous\b,\bprécédent\b,^<$,^(<<|‹‹|«)$,^(<|«),(<|«)$

]]> http://www.ooso.net/archives/432/feed 4 firebug已经提供中文界面 http://www.ooso.net/archives/437 http://www.ooso.net/archives/437#comments Sun, 29 Jun 2008 02:25:52 +0000 Volcano http://www.ooso.net/?p=437 一句话，firebug 1.2 beta4已经开始提供中文本地化界面，见图

图中还能看出，从前的“No Allowed-sites/Disable for Site”选项已经不再生效，只对单个站点起作用

]]> http://www.ooso.net/archives/437/feed 4 十大Firefox常用快捷键 http://www.ooso.net/archives/431 http://www.ooso.net/archives/431#comments Fri, 27 Jun 2008 05:06:17 +0000 Volcano http://www.ooso.net/?p=431 阅读全文（355字）]]> 列一下firefox的十个常用快捷键。用好了的话，能大大提升浏览的效率。

  1. ctrl + l = 把输入的焦点定位到地址栏
  2. ctrl + d = 把当前页添加到书签
  3. ctrl + k = 把输入焦点定位到google搜索框
  4. ctrl + f = 当前页面搜索
  5. ctrl + g = 执行页面搜索后，寻找下一个符合条件的文字
  6. ctrl + t = 新增一个tab
  7. ctrl + w = 关闭当前tab
  8. ctrl + shift + t = 重新打开刚刚关闭的tab，是上一个快捷键的反向操作，非常好用
  9. crtl + tab = 向前切换tab
  10. crtl + shift + tab = 向后切换tab

在没有使用鼠标的情况下，这些快捷键显得格外管用。

补充一些大家回复的快捷键

  1. alt + d = 同ctrl + l, 不过个人比较习惯ctrl，因为快捷键一般都用ctrl开始，比较容易记
  2. 在地址栏敲alt + enter = 在新tab打开当前url
]]> http://www.ooso.net/archives/431/feed 11 把firefox的about:config放到侧边栏 http://www.ooso.net/archives/430 http://www.ooso.net/archives/430#comments Wed, 25 Jun 2008 21:09:10 +0000 Volcano http://www.ooso.net/?p=430 阅读全文（354字）]]> firefox 3发布以后，有看到一些firefox高级技巧的介绍文章，这些技巧大多数都要用到about:config来进行配置或者优化。但是如果把about:config放到侧边栏打开的话，那么配置起来就更方便了。

比如说你可以把页面上的一些配置文字拖动到config输入框，见下图：
about_config of firefox

这样可以轻松的对照调整配置。把about:config放到侧边栏也是很容易的一件事情，不需要安装额外的插件。

  • 在地址栏敲入about:config并回车
  • 用菜单栏上的书签或者快捷键ctrl+D把config页加入书签
  • 右键点击刚加入书签里的about:config，选择弹出菜单里的属性
  • 勾选“在侧边栏中载入此书签”，并确定

这个技巧可以用于其他任意书签里的网页。

简单几步操作，就可以直接点击书签在侧边栏里打开firefox的配置页了。

]]> http://www.ooso.net/archives/430/feed 0 Easy DragToGo — Super DragAndGo的替代品 http://www.ooso.net/archives/426 http://www.ooso.net/archives/426#comments Wed, 18 Jun 2008 23:41:34 +0000 Volcano http://www.ooso.net/?p=426 阅读全文（380字）]]> 从前我也算是Mathon的fans，那阵子很喜欢一只手拿着鼠标浏览网页，另一只手端个茶喝喝，拎个零食扔嘴里，安逸。后来改投到Firefox门下，页面链接的拖拽就靠Super DragAndGo插件来搞定了，鼠标手势则用另外一个插件——FireGestures，两者配合使用，很是能够找回一些当初Maxthon的感觉。

但是不知道什么时候，有可能是在安装Firefox 3.0之后，Super DragAndGo插件突然失灵了，懒人式网页浏览法变得不可能，也尝试过练习用脚板来代替一部分敲击键盘的操作，终究是因为难度太高而放弃修炼:) 好在最近又找到了替代品——Easy DragToGo，不仅能够拖动链接，还能在网页上选取一些词直接拖到搜索框里，比起Super DragAndGo是有过之而无不及，从此删掉了可恶的SDAG，过上了幸福的生活。

下载安装Easy DragToGo

]]> http://www.ooso.net/archives/426/feed 4 Firefox 3.0就是RC3 http://www.ooso.net/archives/425 http://www.ooso.net/archives/425#comments Tue, 17 Jun 2008 23:22:50 +0000 Volcano http://www.ooso.net/index.php/archives/425 阅读全文（392字）]]> 今天是Firefox 3.0正式发布的日子，俗话说早起的虫儿有鸟吃，爬起来看看www.spreadfirefox.com上面果然以大幅版面挂着几个download字样。趁下载的闲暇瞅瞅新闻，在凌晨1点的时候，spreadfirefox.com居然就当机了，实在是热情过分。

不一会下载完成，安装完成，一切就位，还真觉着没啥变化。把之前下载过的Firefox Setup 3.0 RC 3.exe拿出来比对一下，和正式版一样，大家同是6.97 MB (7,317,648 字节)。不死心，又看了看文件的md5，还是一样的结果——3b81eeaad3516b57bfe10ff01113fb5d，顺便贴个版本号：Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN; rv:1.9) Gecko/2008052906 Firefox/3.0。

白忙活了，Firefox 3.0就是RC3。

]]> http://www.ooso.net/archives/425/feed 15 FirePHP — php版的firebug http://www.ooso.net/archives/424 http://www.ooso.net/archives/424#comments Tue, 17 Jun 2008 07:26:45 +0000 Volcano http://www.ooso.net/?p=424 阅读全文（445字）]]> 在friendfeed上找到的了这个名为FirePHP的Firefox插件，是基于Firebug的一个扩展，可以用来在Firebug的console中方便的输出php的调试信息又不影响php程序的正常运行。实际上这东东出来的时间也不短了，只是以前没试用过，现在把玩了一会也挺有趣。附图一张：

firephp

FirePHP包含两个部分

FirePHP的php调试信息都是通过在http头里面添加X-FirePHP-Data信息串来标识，不会直接输出到页面上，这样也就避免对php正常输出产生影响。可以输出的调试信息类型如下:

  • 正常的调试字符串，类型有LOG,INFO,WARN,ERROR几种
  • 数组array
  • object
  • 异常Exception
  • SQL返回数据
  • http header

如果你像我一样使用的是firefox 3，那么可以点这里下载安装FirePHP 0.1.0.1

这个版本只适用于php5，再贴个网友自力更生的简化版，但是功能上就弱多了，而且是通过js来输出调试信息，实用性也不强。

]]> http://www.ooso.net/archives/424/feed 5 jQuerify书签 http://www.ooso.net/archives/417 http://www.ooso.net/archives/417#comments Tue, 10 Jun 2008 00:35:19 +0000 Volcano http://www.ooso.net/?p=417 阅读全文（1057字）]]> 我不知道有多少人在使用浏览器的书签，这东东有时候实在是很有用的，比如现在说到的jQuerify书签。

jQuerify书签的功能很简单，那就是在当前页面中直接载入jquery.js，并以一个粉红色的浮动层提示jquery已经载入。书签的源代码如下：

PLAIN TEXT
CODE:
  1. var s=document.createElement('script');
  2. s.setAttribute('src','http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js');
  3. if(typeof jQuery!='undefined') {
  4.   var msg='This page was already jQuerified'
  5. } else {
  6.   document.getElementsByTagName('head')[0].appendChild(s);
  7.   var msg='This page is now jQuerified'
  8. }
  9. var el=document.createElement('div');
  10.   el.style.position='fixed';
  11.   el.style.height='30';
  12.   el.style.width='200';
  13.   el.style.margin='0 auto 0 auto';
  14.   el.id='jq-kswedberg';
  15.   el.style.top='0';
  16.   el.style.left='40%';
  17.   el.style.padding='5px 10px 5px 10px';
  18.   el.style.backgroundColor='#f99';
  19.   el.innerHTML=msg;
  20. var b=document.getElementsByTagName('body')[0];
  21. b.appendChild(el);
  22. window.setTimeout(function() {
  23.   jQuery('#jq-kswedberg').fadeOut('slow',function() {
  24.     jQuery(this).remove()
  25.   });
  26. }, 2500);
  27. void(s);

书签的链接在下边，如果是firefox的话，可以直接拖拽到firefox的书签栏上。

» jQuerify «

这里用到了最近说到的google cdn，速度可是足够快的。在使用书签之后，就可以尽情享受jquery的便利了，比如在firebug的console输入：

PLAIN TEXT
CODE:
  1. $('body').background('#ffc')

你会看到屏幕的背景色变黄了:)

]]> http://www.ooso.net/archives/417/feed 2 推荐一下Firefox插件Stylish http://www.ooso.net/archives/408 http://www.ooso.net/archives/408#comments Sun, 01 Jun 2008 23:29:05 +0000 Volcano http://www.ooso.net/?p=408 阅读全文（981字）]]> Stylish是这样一个firefox插件，你可以利用它来定制目标网页或网站的css样式，甚至一些firefox app的样式，让浏览效果更加舒适。而且在UserStyles网站上已经有不少现成的样式可供下载，让不会写css的普通用户也可以享受到它的便利。

其实Stylish和greasemonkey正好是一对，一个改变css，一个改变javascript。之前我写了一个用来看新浪新闻的greasemonkey脚本，这个脚本的大概原理是删除了新浪新闻页面上的右侧边栏，这样浏览的范围会更加宽一些，但是greasemonkey脚本会有这样一个缺点，它必须等到页面load完成之后，才开始生效，这样看上去会比较突兀，洋人对这个等待load的时间有个专有名词——flicker（这个词可不是指的图片网站flickr哦）。

使用Stylish就可以有效避免flicker，它在页面最开始载入时就是生效的，也不会有greasemonkey产生的突兀效果了。比如我用来看新浪新闻的样式是这样的:

PLAIN TEXT
CODE:
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document url-prefix("http://news.sina.com.cn/") {
  4. td.lc_blue {width:100%!important; font-size:1.2em;}
  5. div.rightShell {display:none}
  6. }

这个css除了把侧边广告隐藏以外，还把新闻的字体调大，像我这样的近视眼就可以看的比较轻松了。其中的-moz-document关键字是消除flicker的关键：

The @-moz-document rule is a Gecko-specific at-rule that restricts the style rules contained within it based on the URL of the document. It is designed primarily for user style sheets.

所以要想写出避免flicker发生的greasemonkey脚本，最好是加上Stylish支持，用-moz-document()来隐藏会变化的html部分，待到页面载入完成之后，greasemonkey脚本就可以不慌不忙的处理后续事宜了。

]]> http://www.ooso.net/archives/408/feed 3 用greasemonkey生成土豆的豆单下载清单 http://www.ooso.net/archives/400 http://www.ooso.net/archives/400#comments Sun, 18 May 2008 23:51:35 +0000 Volcano http://www.ooso.net/?p=400 阅读全文（397字）]]> 前一阵忙里偷闲上土豆补看了一小段“机动战士高达Seed”，但是我这的网络有点垃圾，看的断断续续，十分不爽，折腾了一下午也就看了两三段。一怒之下，写了个greasemonkey脚本，生成土豆的豆单下载清单，配合快车批量下载，速度不要太快~

使用方法

  • 首先你需要使用firefox浏览器
  • 安装firefox的greasemonkey插件
  • 安装firebug插件并重启firefox
  • 安装TudouDownloadList，如果greasemonkey安装正确的话，点击之前的链接应该会弹出一个安装框。
  • 去访问土豆的豆单播放页，比如机动战士高达seed，呼出firebug(按F12就可以了)，你会看到firebug的控制台里生成了一批flv文件的列表
  • 复制这批flv文件的url，保存为后缀为.lst的文件
  • 使用flashget导入列表即可批量下载土豆豆单了

补充

为了能使用快车正常下载，你需要把下图所示的小勾去掉。
flashget

]]> http://www.ooso.net/archives/400/feed 0 安装firefox 3以后 http://www.ooso.net/archives/398 http://www.ooso.net/archives/398#comments Thu, 15 May 2008 13:20:11 +0000 Volcano http://www.ooso.net/?p=398 阅读全文（635字）]]> 前两天在网上看到有firefox 3 rc1下载，于是忍不住也下载了一个装上（看来我还真是一个习惯做小白鼠的人）。

刚装上，事就来了。首先是所有的firefox插件全部报废，版本不兼容。上网查查，最简单的办法就是禁用firefox的插件版本检查功能。

  • 在地址栏里敲about:config，回车
  • 修改extensions.checkCompatibility的值为false，如果没有这一项就新增一个布尔值
  • 重启firefox

这样，所有的插件也能使了。这让我很开心，因为第一感觉是firefox 3的执行速度比较快，不知道是不是心理因素，总之流畅。第二个就是新的地址栏很酷，据说是什么智能地址栏，敲几个网址，地址栏里头不仅显示地址，连标题和图标都给你列的一清二楚，方便是方便呀，可我还是费了些功夫才适应下来。

感觉很爽。这种感觉持续了两天，两天后我开始要写点javascript了，于是我习惯召唤出firebug来协同作战，这下新的噩梦来了。firebug的console.log完全没法使用（我装的firebug是1.1 beta），而且我还自作聪明的继续小白鼠一把——安装了firebug 1.2 alpha，虽然console可以用了，但是jquery的$函数功能无法使用，鼓捣了一晚上，愣是没能写出几行javascript。

又回到了firefox 2，踏实。

Update

升级到了firefox 3正式版，很稳定，速度也很快。如果是需要能在firefox 3下使用的firebug，请点这里。

]]> http://www.ooso.net/archives/398/feed 6 firebug现在已经可以支持firefox 3 http://www.ooso.net/archives/383 http://www.ooso.net/archives/383#comments Fri, 29 Feb 2008 00:59:56 +0000 Volcano http://www.ooso.net/index.php/archives/383 最新的firebug 1.1 beta，可以在firefox 3 beta下运行。现在即便为了尝鲜升级到firefox 3，也可以享受firebug的便利。

firebug 1.1 beta下载

]]> http://www.ooso.net/archives/383/feed 2 用来看新浪新闻的greasemonkey脚本 http://www.ooso.net/archives/302 http://www.ooso.net/archives/302#comments Mon, 18 Feb 2008 13:23:36 +0000 Volcano http://www.ooso.net/index.php/archives/302 阅读全文（248字）]]> 刚从灾区长沙回到北京，那段时间虽然是隔三岔五的停电停水，俺还没忘趁着来电爬到新浪上面看看近期新闻，也好对最近的形势有些了解。闲着无聊写了个greasemonkey脚本，把新浪的新闻页右边那块没营养的内容统统隐藏掉。

放出来给需要的同学下载。

安装这个脚本的步骤

]]> http://www.ooso.net/archives/302/feed 1 使用firebug的补充 http://www.ooso.net/archives/381 http://www.ooso.net/archives/381#comments Fri, 25 Jan 2008 10:14:56 +0000 Volcano http://www.ooso.net/index.php/archives/381 阅读全文（391字）]]> 这里是最近使用firebug的一个补充记录，以后也会不断更新。

列出一个object的所有内容

在console上使用命令

PLAIN TEXT
CODE:
  1. console.dir(obj)

可以查看一个object所包含的方法，属性

firebug提供的console对象有哪些方法

用dir方法看一下console本身即可

PLAIN TEXT
CODE:
  1. console.dir(console)

console用法列表

PLAIN TEXT
CODE:
  1. console.time("test timer");
  2. console.log("Hello from ",document.title);
  3. console.info("This is info");
  4. console.warn("This is warning");
  5. console.error("This is error");
  6. console.timeEnd("test timer");

]]> http://www.ooso.net/archives/381/feed 4 javascript在ie和firefox下的一些差异 http://www.ooso.net/archives/362 http://www.ooso.net/archives/362#comments Tue, 31 Jul 2007 00:40:30 +0000 Volcano http://www.ooso.net/index.php/archives/362 阅读全文（486字）]]> javascript在ie和firefox下,运行结果有一些差异。下面把最近碰到的情况做个记录，以后也会不断补充以备忘。

    object操作

  • firefox:可支持
    PLAIN TEXT
    CODE:
    1. var obj = { 'key' : 'aaa', }

  • ie:不支持
    PLAIN TEXT
    CODE:
    1. var obj = { 'key' : 'aaa', }

    会报javascript错误,最后的","必须去掉

    • javascript对select元素的option操作

  • firefox:可直接设置
    PLAIN TEXT
    CODE:
    1. option.text = 'foooooooo';

  • ie:只能设置
    PLAIN TEXT
    CODE:
    1. option.innerHTML = 'fooooooo';

    • 删除一个select的option

  • firefox:可以
    PLAIN TEXT
    CODE:
    1. select.options.remove(selectedIndex);

  • ie7:可以用
    PLAIN TEXT
    CODE:
    1. select.options[i] = null;

  • ie6:需要写
    PLAIN TEXT
    CODE:
    1. select.options[i].outerHTML = null;

真是万恶的浏览器。

]]> http://www.ooso.net/archives/362/feed 4 Firefox 2.0.0.5发布 http://www.ooso.net/archives/355 http://www.ooso.net/archives/355#comments Wed, 18 Jul 2007 10:08:28 +0000 Volcano http://www.ooso.net/index.php/archives/355 阅读全文（518字）]]> firefox 2.0.0.5发布.这个版本包括八个安全问题的更新.

MFSA 2007-25 XPCNativeWrapper pollution
MFSA 2007-24 Unauthorized access to wyciwyg:// documents
MFSA 2007-23 Remote code execution by launching Firefox from Internet Explorer
MFSA 2007-22 File type confusion due to %00 in name
MFSA 2007-21 Privilege escallation using an event handler attached to an element not in the document
MFSA 2007-20 Frame spoofing while window is loading
MFSA 2007-19 XSS using addEventListener and setTimeout
MFSA 2007-18 Crashes with evidence of memory corruption

其中有3个属于非常严重的安全漏洞,容易遭到攻击进而安装攻击性软件,因此,firefox用户需要尽快升级.

下载最新的firefox

]]> http://www.ooso.net/archives/355/feed 2 马甲切换插件 — CookieSwap http://www.ooso.net/archives/341 http://www.ooso.net/archives/341#comments Wed, 27 Jun 2007 23:02:40 +0000 Volcano http://www.ooso.net/index.php/archives/341 阅读全文（291字）]]> 前些天在cnBeta上看到一个firefox插件，可以方便的切换cookie，可用于论坛灌水。上addons.mozilla.org上查了一遍，已经有个类似功能的插件——CookieSwap。

CookieSwap

CookieSwap is an extension that enables you to maintain numerous sets or "profiles" of cookies that you can quickly swap between while browsing.

如此一来，我就可以在多个帐号间自如的切换而不用重新登录，有空完全可以在论坛上一个人轻松完成十几个人自娱自乐的火爆讨论现场。

下载CookieSwap

]]> http://www.ooso.net/archives/341/feed 7 我用firefox的常用热键 http://www.ooso.net/archives/315 http://www.ooso.net/archives/315#comments Thu, 14 Jun 2007 00:19:55 +0000 Volcano http://www.ooso.net/index.php/archives/315 阅读全文（452字）]]> 说起来，两年前我还是傲游Maxthon的粉丝，每次换机那Maxthon是必装的，那时候的傲游跟微软的IE一比那就是天仙哪：

  • IE内核，啥网站看了效果都好(大伙肯定支持IE）。连收藏夹都是公用的
  • 多TAB浏览，不用开一堆小IE占地方
  • 鼠标手势，上网时一只手就能很潇洒的玩的团团转

后来开始玩Firefox，费了不少功夫才适应下来，现在利用firefox + IE tab，已经彻底和傲游说白白了，各种热键也是玩的小有心得。列一下俺平常用Firefox的快捷键：

  • ctrl + T
    这个快捷键的作用是新开一个标签页浏览，基本上不玩ctrl + N，那会另开一个窗口。比较恼火的是偶尔在别人的机器上会用到傲游，如果不小心摁了这个快捷键，额滴个乖乖，所有窗口都会排列的象麻将牌，等着你抓狂。
  • ctrl + shift + T
    这个快捷键的作用是把关掉的标签重新打开，很常用
  • /
    这个快捷键估计大家很少用，摁了之后网页下方会出一个快捷搜索框，象vim那样。当然，还是ctrl + F的搜索比较地道
  • F11
    这玩意能让浏览器全屏显示，和IE一样。看图片站常用
  • Alt + <- 或者 右键然后按b
    回到上一页，我现在比较喜欢后一个动作，快的话人家都不知道你按了键
]]> http://www.ooso.net/archives/315/feed 5 greasemonkey内置了ajax管理器 http://www.ooso.net/archives/283 http://www.ooso.net/archives/283#comments Tue, 22 May 2007 00:03:32 +0000 Volcano http://www.ooso.net/index.php/archives/283 阅读全文（764字）]]> greasemonkey这工具，就好像web开发人员的作弊器一样，好玩。经常去的网站，若是看着不顺眼，就祭出greasemonkey对它页面元素的位置调整一番，把主题内容字体搞大，把广告隐藏不见，别人的网站我做主，倒也有一番小小乐趣（我可没有hack它的站点哦）。这些天看看文档，原来人家已经内置了xmlhttpRequest的api,不用费牛劲去外部导入一些js来搞这些基础工程了。

Description

GM_xmlhttpRequest makes an arbitrary HTTP request. The details argument is an object that can contain up to seven fields.

一个greasemonkey的ajax调用

PLAIN TEXT
CODE:
  1. GM_xmlhttpRequest({
  2.     method: 'GET',
  3.     url: 'http://greaseblog.blogspot.com/atom.xml',
  4.     headers: {
  5.         'User-agent': 'Mozilla/4.0 (compatible)
  7. Greasemonkey',
  8.         'Accept':
  9.  
  10. 'application/atom+xml,application/xml,text/xml',
  11.     },
  12.     onload: function(responseDetails) {
  13.         alert('Request for Atom feed returned ' +
  14.  
  15. responseDetails.status +
  16.               ' ' + responseDetails.statusText + '\n\n'
  17.  
  18. +
  19.               'Feed data:\n' +
  20.  
  21. responseDetails.responseText);
  22.     }
  23. });

较详细一些的内容，可以去Dive Into Greasemonkey查阅.

什么是greasemonkey?

]]> http://www.ooso.net/archives/283/feed 0 初识Firebug 全文 — firebug的使用 http://www.ooso.net/archives/294 http://www.ooso.net/archives/294#comments Tue, 15 May 2007 01:54:03 +0000 Volcano http://www.ooso.net/index.php/archives/294 阅读全文（3969字）]]> 本文最初发表《程序员》杂志第三期，现将全文贴上，内容已经过编辑修饰了很多:)

什么是Firebug

从事了数年的Web开发工作，越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码；要编写精致的CSS样式表展示每个页面模块；要调试javascript给页面增加一些更活泼的要素；要使用Ajax给用户带来更好的体验。一个优秀的WEB开发人员需要顾及更多层面，才能交出一份同样优秀的作业。为帮助广大正处于Web2.0洪流中的开发人员，在这里为大家介绍一款轻巧灵活的辅助开发工具。

Firebug是Firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。这是一款让人爱不释手的插件，如果你以前没有接触过它，也许在阅读本文之后，会有一试的欲望。笔者在撰写此文的时候，正逢Firebug发布1.0正式版，这不能不说是种巧合。

应用

Firebug插件虽然功能强大，但是它已经和Firefox浏览器无缝地结合在一起，使用简单直观。如果你担心它会占用太多的系统资源，也可以方便地启用/关闭这个插件，甚至针对特定的站点开启这个插件。

在安装好插件之后，先用Firefox浏览器打开需要测试的页面，然后点击右下方的绿色按钮或使用快捷键F12唤出Firebug插件，它会将当前页面分成上下两个框架，如图1所示。

图1：Firebug插件展开图示
firebug插件展开图示
从图1中看到，Firebug有6个主要的Tab按钮，下文将主要介绍介绍这几方面的功能。

Console HTML CSS Script Dom Net
控制台 Html查看器 Css查看器 脚本条时期 Dom查看器 网络状况监视

Console 控制台

控制台能够显示当前页面中的javascript错误以及警告，并提示出错的文件和行号，方便调试，这些错误提示比起浏览器本身提供的错误提示更加详细且具有参考价值。而且在调试Ajax应用的时候也是特别有用，你能够在控制台里看到每一个XMLHttpRequests请求post出去的参数、URL，http头以及回馈的内容，原本似乎在幕后黑匣子里运作的程序被清清楚楚地展示在你面前。

象C shell或Python shell一样，你还能在控制台中查看变量内容，直接运行javascript语句，就算是大段的javascript程序也能够正确运行并拿到运行期的信息。

控制台还有个重要的作用就是查看脚本的log, 从前你也许习惯了使用alert来打印变量，但是Firebug给我们带来了一个新朋友 —— console.log, 最简单的打印日志的语法是这样的：

PLAIN TEXT
CODE:
  1. console.log("hello world")

如果你有一堆参数需要组合在一起输出，可以写成这样：

PLAIN TEXT
CODE:
  1. console.log(2,4,6,8,"foo",bar).

Firebug的日志输出有多种可选的格式以及语法，甚至可以定制彩色输出，比起单调的alert，显然更加方便，限于篇幅，这里不做详细说明，但是有志于提高debug效率的读者，可以到Firebug的官方站点（见附录）查看更详细的教程。

图2： 在控制台里调试javascript
在控制台里调试javascript

查看和修改HTML

第一次看到Firebug强大的HTML代码查看器，就觉得它与众不同，相比于Firefox自带的HTML查看器，它的功能强大了许多。 HTML

首先你看到的是已经经过格式化的HTML代码，它有清晰的层次，你能够方便地分辨出每一个标签之间的从属并行关系，标签的折叠功能能够帮助你集中精力分析代码。源代码上方还标记出了DOM的层次，如图3所示，它清楚地列出了一个hml元素的parent、child以及root元素，配合Firebug自带的CSS查看器使用，会给div+css页面分析编写带来很大的好处。你还可以在HTML查看器中直接修改HTML源代码，并在浏览器中第一时间看到修改后的效果，光凭这一点就会让许多页面设计师死心塌地地成为Firebug的粉丝了。

有时候页面中的javascript会根据用户的动作如鼠标的onmouseover来动态改变一些HTML元素的样式表或背景色，HTML查看器会将页面上改变的内容也抓下来，并以黄色高亮标记，让网页的暗箱操作彻底成为历史。

利用Inspect检查功能，我们还可以用鼠标在页面中直接选择一些区块，查看相应的HTML源代码和CSS样式表，真正的做到所见即所得，如果你使用了外部编辑器修改了当前网页，可以点击Firebug的reload图片重新载入网页，它会继续跟踪你之前用Inspect选中的区块，方便调试。

图3:：HTML查看器
HTML查看器

CSS调试

Firebug的CSS调试器是专为网页设计师们量身定做的。

如今的网页设计言必称div+css，如果你是用table套出来的HTML页面，就得按这规矩重构一遍，否则显得你不够时髦！用div做出来的页面的确能精简HTML代码，HTML标签减肥的结果就是CSS样式表的编写成了页面制作的重头戏。Firebug的CSS查看器不仅自下向上列出每一个CSS样式表的从属继承关系，还列出了每一个样式在哪个样式文件中定义。你可以在这个查看器中直接添加、修改、删除一些CSS样式表属性，并在当前页面中直接看到修改后的结果。

一个典型的应用就是页面中的一个区块位置显得有些不太恰当，它需要挪动几个象素。这时候用CSS调试工具可以轻易编辑它的位置——你可以根据需要随意挪动象素。
如图4中正在修改一个区块的背景色。

提示：如果你正在学习CSS样式表的应用，但是总记不住常用的样式表有哪些值，可以尝试在CSS调试器中选中一个样式表属性，然后用上下方向键来改变它的值，它会把可能的值一个个遍历给你看。

图4: CSS查看器，能够直接修改样式表
图4: CSS查看器，能够直接修改样式表

可视化的CSS尺标

我们可以利用Firebug来查看页面中某一区块的CSS样式表，如果进一步展开右侧Layout tab的话，它会以标尺的形式将当前区块占用的面积清楚地标识出来，精确到象素，更让人惊讶的是，你能够在这个可视化的界面中直接修改各象素的值，页面上区块的位置就会随改动而变化。在页面中某些元素出现错位或者面积超出预料值时，该功能能够提供有效的帮助，你可以籍此分析offset、margin、padding、size之间的关系，从而找出解决问题的办法。

图5：Firebug中的CSS标尺
图5：Firebug中的CSS标尺

网络状况监视器

也许有一天，你的老板或者客户找到你，抱怨你制作的网页速度奇慢，你该如何应对？你或许会说这可能是网络问题，或者是电脑配置问题，或者是程序太慢，或者直说是他们的人品问题？不管怎么说，最后你可能被要求去解决这个有多种可能的问题。

网络状况监视器能帮你解决这个棘手问题。Firebug的网络监视器同样是功能强大的，它能将页面中的CSS、javascript以及网页中引用的图片载入所消耗的时间以矩状图呈现出来，也许在这里你能一把揪出拖慢了你的网页的元凶，进而对网页进行调优，最后老板满意客户欢喜，你的饭碗也因此而牢固。

网络监视器还有一些其它细节功能，比如预览图片，查看每一个外部文件甚至是xmlHttpRequests请求的http头等等。

图6：网络状况监视器
图6：网络状况监视器

Javascript调试器

这是一个很不错的javascript脚本调试器，占用空间不大，但是单步调试、设置断点、变量查看窗口一个不少。正所谓麻雀虽小，五脏俱全。

如果你有一个网站已经建成，然而它的javascript有性能上的问题或者不是太完美，可以通过面板上的Profile来统计每段脚本运行的时间，查看到底是哪些语句执行时间过长，一步步排除问题。

图7：javascript调试器
图7：javascript调试器

DOM查看器

DOM(Document Object Model)里头包含了大量的Object以及函数、事件，在从前，你要想从中查到需要的内容，绝非易事，这好比你去了一个巨大的图书馆，想要找到几本名字不太确切的小书，众多的选择会让你无所适从。而使用Firebug的DOM查看器却能方便地浏览DOM的内部结构，帮助你快速定位DOM对象。双击一个DOM对象，就能够编辑它的变量或值，编辑的同时，你可能会发现它还有自动完成功能，当你输入document.get之后，按下tab键就能补齐为document.getElementById，非常方便。如果你认为补齐得不够理想，按下shift+tab又会恢复原状。用了Firebug的DOM查看器，你的javascript从此找到了驱使的对象，Web开发也许就成了一件乐事。

图8: Dom查看器
图8: Dom查看器

小结

Firebug插件提供了一整套web开发所必需的工具。从HTML的编写，到CSS样式表的美化调优，以及用javascript脚本开发，亦或是Ajax应用，Firebug插件都会成为你的得力助手。所谓工欲善其事，必先利其器。在Web2.0的时代，言必称Ajax，动辄就是用户体验提升，如果把Firebug工具用好，必能让你如虎添翼，将HTML、CSS、javascript整理得服服帖帖，从此成为web开发中的专家级人物。

附

Firebug的中文含义是萤火虫，作者是Joe Hewitt，官方网页 http://www.getfirebug.com
Firefox亦即火狐浏览器，是近年来撼动IE浏览器市场占有率的一支强大力量，要不是它的出现，我想有生之年说不定也看不到IE 7的发布了，官方网页 http://www.firefox.com

]]> http://www.ooso.net/archives/294/feed 29 初识firebug 发表了 http://www.ooso.net/archives/288 http://www.ooso.net/archives/288#comments Tue, 24 Apr 2007 00:02:51 +0000 Volcano http://www.ooso.net/index.php/archives/288 阅读全文（402字）]]> 俺滴第一次投稿 ——《初识Firebug》在程序员第3期上发表了，样刊直到最近几天才看到。习惯在浏览器上阅读文字，看到纸质的杂志，却是另外一番感受。

Firebug是Firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。这是一款让人爱不释手的插件，如果你以前没有接触过它，也许在阅读本文之后，会有一试的欲望。

在写这篇文章之前，我对firebug的理解程度也只是皮毛而已，实在是惭愧。做了些功课以后，越发能感觉到Firebug实在是不可多得的精品插件，的确能提高俺的工作效率，在此向所有web开发者推荐！

附:
初识firebug全文

]]> http://www.ooso.net/archives/288/feed 6