Categories
common

firebug现在已经可以支持firefox 3

最新的firebug 1.1 beta,可以在firefox 3 beta下运行。现在即便为了尝鲜升级到firefox 3,也可以享受firebug的便利。

firebug 1.1 beta下载

Categories
javascript

用来看新浪新闻的greasemonkey脚本

刚从灾区长沙回到北京,那段时间虽然是隔三岔五的停电停水,俺还没忘趁着来电爬到新浪上面看看近期新闻,也好对最近的形势有些了解。闲着无聊写了个greasemonkey脚本,把新浪的新闻页右边那块没营养的内容统统隐藏掉。

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

安装这个脚本的步骤

Categories
common

WordPress插件 — TagLink 1.1

改写了两个月前写的TagLink插件,这样它可以同时支持ie, firefox两种插件了。这个插件的功能非常简单,可以把选中的文字直接转换成tag的链接,对中文标签也同样有效。

它会在wordpress撰写文章的表单上新增一个tag button,比如你选中一段“firefox”的文字,它会把这段文字转换为:

firefox

安装方法

    1. 将下载后的文件解压
    2. 将压缩包里的tag_link.php复制到wordpress的wp-contents/plugins目录下
    3. 在后台激活这个插件
Categories
common

更新wordpress插件出现错误

今天更新了wordpress的tag插件为Ultimate tag warrior,不久所有的页面都出现了下面的错误信息:

Warning: preg_match(): Compilation failed: nothing to repeat at offset 1 in /***/wp-includes/classes.php on line 95

以上面的错误信息为关键词进行搜索,得到的可能性有两个:

  • 安装的plugin版本过于陈旧,比如smileys之类的
  • 由于ultimate tag warrior插件使用不当,使得rewrite规则混乱,出现以上错误

前者的可能性很小,我根本没安装过任何表情插件,后者的嫌疑比较大。短暂的头脑风暴ing,往事如电影片段一般在脑海中一一闪过,最后终于回忆起顺手勾选了tag插件的下面选项:

Use url rewriting for local tag urls (/tag/tag instead of index.php?tag=tag)

卡嚓了这个选项后,可恶的错误Warning消失不见。

Categories
common

初识Firebug 全文 — firebug的使用

本文最初发表《程序员》杂志第三期,现将全文贴上,内容已经过编辑修饰了很多:)

什么是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正式版,这不能不说是种巧合。

Categories
common

初识firebug 发表了

俺滴第一次投稿 ——《初识Firebug》在程序员第3期上发表了,样刊直到最近几天才看到。习惯在浏览器上阅读文字,看到纸质的杂志,却是另外一番感受。

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

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

附:
初识firebug全文

Categories
php

TagLink插件for wordpress

俺尝试用wordpress来做一个文摘记录,把平常看到的认为有用的文章记录下来。在此过程中我使用了wordpress自带的WordPress Bookmarklet,工作的很好,还用到了tag插件,wp-cache等等,也是相当便捷。为了方便的在文章中加入链接,俺又整了个小插件—- TagLink,它的用法是在编辑时可以方便的将所选文字变成一个tag链接。比如我选中了下面的文字

php

点击tag按钮后,这段文字会变成

<a href="index.php?tag=php">php</a> 

下面是源码:

/*
Plugin Name: Tag Links
Plugin URI: http://www.ooso.net
Description: Add link for tag
Author: volcano
Version: 1.0
Author URI: http://www.ooso.net
*/ 

// This just echoes the chosen line, we'll position it later
function tag_links_button() {
	echo <<<EOF
<script>
(function() {
	var inp = document.getElementById('ed_close');
	if(inp) {
		var tagLink = document.createElement("input");
		with(tagLink) {
			type = "button";
			value = "tag";
		}
		tagLink.onclick = function() {
			var myField = edCanvas;
			if (myField.selectionStart || myField.selectionStart == '0') {
				var startPos = myField.selectionStart;
				var endPos = myField.selectionEnd;
				var word = myField.value.substring(startPos, endPos);
				var myValue = '' + word + '';
				edInsertContent(myField, myValue);
			}
		}
		inp.parentNode.insertBefore(tagLink, inp);
	}
})();
</script>
EOF;
}

add_action('edit_form_advanced','tag_links_button');
add_action('edit_page_form',	'tag_links_button');
add_action('simple_edit_form',	'tag_links_button');

BTW:目前仅适用于firefox,可以修改成for ie的版本:)

Categories
javascript

Firebug 1.0 beta is out

Firebugfirefox下的一个巨好的插件!—-Web开发工程师一定会深深喜欢这个plugin的.
firebug

就目前来说,它有几个优点让俺无法割舍

  • 方便的查看页面的源代码,绝对比你”右键点击页面->查看源代码”要有效率
  • 查看页面某一区块的样式表,比如说你可以看看某一块页面上的背景图在样式表中是如何定义的,web开发的老手一定会了解我说的这个操作在手工进行的时候是多么麻烦—-当然,如果你早就用上了firebug我只能恭喜你
  • 调试javascript! Debug你的Ajax程序!

工欲善其事,必先利其器

Categories
javascript

检测javascript的内存泄漏

Javascript的内存泄漏,不是太可怕。它只会悄悄的,慢慢的把你的浏览器拖的巨慢无比,让你愤怒的拍案而起,大骂微软出品的破烂浏览器危害社会。这一切有可能并不是浏览器的错,可能只是因为网页上有些javascript的内存泄漏罢了。

在科技日益发达今天,我们有必要武装自己,以及自己的浏览器,这样万一浏览器倒下了,还能知道到底是死在谁家的网页上面。下面这个Firefox插件是推荐给那些UI设计者或者开发人员的:

Leak Monitor

This extension pops up an alert dialog to warn chrome and extension developers about one particular type of leak. It warns when chrome windows close but leave other code pointing at their JavaScript objects.

Works with:
firefoxFirefox 1.5 – 3.0 ALL
thunderbirdThunderbird 1.5 – 3.0 ALL

在你访问一张网页的时候,如果有javascript内存泄漏,这个extension就会啪的一下给你弹出一张内存泄漏的清单。就拿现在用的wordpress后台来说吧,Leak Monitor也是毫不客气的给弹了一个窗口,主要是因为使用了大名鼎鼎的prototype.js…

下载

https://addons.mozilla.org/firefox/2490/

Categories
common

firefox插件–IE Tab

现在大部分时间都在使用firefox,但是在写html页面的时候,firefox和ie的显示效果还是有些不同,这时候不得不切换回Maxthon来查看,虽说不是太麻烦,但是毕竟不是很爽,尤其是页面需要登陆的情况.

从同事那儿看到IE Tab这款firefox插件能解决上面说的困扰,它把IE集成到了firefox,可以很方便的在Firefox浏览器里面切换Firefox/IE来查看页面.

小问题

搜索了一下这个东东的的评价,据说用IE Tab切换回IE来浏览时,就相当于用IE裸奔了.安全第一,出于对IE的不信任,最好只对可信的站点使用这个插件来切换.

下载

https://addons.mozilla.org/firefox/1419/

讨论板

Firefox插件讨论区

Update

如果需要在firefox下使用淘宝和支付宝,这个插件的作用很大,只需要编辑“总是使用IE tab访问下面网址”的列表就可以了。