插件:Firebug扩展插件FireQuery
之前也不知道看了哪篇文章的介绍,在火狐上装了FireQuery插件,一直没去注意它的用途。就只发现在FireBug的HTML Tab下的HTML代码层次上多了些事件代码,可以点击查看对应的绑定事件。最近的一些使用,发现了FireQuery的好处,特别是在测试动态生成DOM以及数据测试上很是方便。
关于FireQuery的简介和安装就不多说了,访问:http://firequery.binaryage.com/。
之前也不知道看了哪篇文章的介绍,在火狐上装了FireQuery插件,一直没去注意它的用途。就只发现在FireBug的HTML Tab下的HTML代码层次上多了些事件代码,可以点击查看对应的绑定事件。最近的一些使用,发现了FireQuery的好处,特别是在测试动态生成DOM以及数据测试上很是方便。
关于FireQuery的简介和安装就不多说了,访问:http://firequery.binaryage.com/。
分类:插件收集 发表时间:2010年10月21日
上月的一个韩国项目,客户要求首页的图片热点区域高亮。开始我的思路是使用div层,效果也实现了,但因为热点区域是不规则形状,而div层却是很规整的原因。结果这个设想被推翻了。
接着我就试图去搜索一些相关全区高亮的资料,结果就让我搜到了maphighlight插件。基于jQeury库,结合了最新的HTML5的Canvas画布标签,通过绘画的方式实现了热点区域的高亮。
因项目还没上线(已结束),所以我的实现效果就不做公布了!
分类:前端工程 发表时间:2010年06月30日
从开始做前端时,一直在用火狐浏览器,之前也有文章介绍了一些火狐插件。今天重点来说说Firebug插件中的Console面板的功能,它可以辅助地完成Javascript性能测试和代码执行记录。
Console面板中自身含有多个可供使用的函数,诸如:console.log(),console.time()等一些常用的方法,我的想法是将这些函数写入在jQuery插件中,这样在项目的前端开发和测试阶段使用起来非常地方便。
代码执行后的效果需要打开Console面板后才可以看到,若出现错误提示,不要惊慌,那是因为使用console.error()方法抛出错误所致,页面的代码并没有出错!
分类:辅助软件 发表时间:2010年05月21日
Adobe 的 CTO Kevin Lynch 在刚刚进行的 Google I/O 大会的 Keynote 上演示了 Adobe CS5 对 HTML5 的多种支持,同时 Adobe Labs 放出了 Dreamweaver CS5 的 HTML5 扩展包。
该扩展支持对 HTML 5 新增的标签库的代码提示;支持对 CSS 3 代码提示;增加 Video 和 Audio 标签的实时预览…
安装了该扩展后再也不用担心不记得难记的css3样式代码了!
本文纯粹是贴出一些比较实用的代码出来供大家学习和使用,也算是个人博客对这些实用代码的记录和收集吧!有用到的可以参考,没用到的直接可以飘过!
特意将这些代码写成jQuery插件的格式,这样方便大家使用的时候调用。我在平时的开发和自我学习过程中也积累了不少有用的代码,不知道怎么概括性地发布出来,所以就已文章的形式陆续贴出来与大家分享。
以单篇文章发布的插件代码都是一些简单的代码,若是一些复杂的代码或插件我会归纳到插件专区里去,这样大家下载起来也方便!
分类:辅助软件 发表时间:2009年12月25日
今天在网上无意中搜索到这一软件,觉得对开发人员来说是一个相当不错的软件,便写下该文与大家分享。
HttpWatch是一个整合在IE和Firefox浏览器中的HTTP浏览器和调试器,无需离开浏览器窗口就可以检测到详细HTTP信息和HTTPS请求。
HttpWatch有两个版本的安装文件,分别是Basic版和Professional版。其中Basic版是免费下载使用,而Professional版需要购买license。HttpWatch的还有一个特点是兼容IE6-IE8,火狐浏览器,貌似暂不支持其他类型的浏览器。
周末无事,便写了一个简约的scrollTop插件。在前面的文章(jQuery:Scrolltop滑动插件推荐(修正注释版))中,我曾介绍过一款我在网络收集的相关插件。但发现该作者的代码确实很繁琐,不是很优雅。而我的该scrollTop插件代码就那么十多行,代码非常简单,也非常实用,适合大众使用!
这也是算是我的jQuery插件开发之旅的开端吧,以后一有机会我就会陆续开发一些自己的插件,也尽量写一些简约的插件与大家分享。也希望有这方面的朋友可以多多交流。话不多说,上插件!
该插件的好处是无需在html源文件的头部添加任何标签,只需调用方法即可实现效果!
前段时间DeepBlue发邮件问我,博客中的滑动到顶端的效果是如何实现的。我当时忙着做事,就简单地回复他说是用javascript实现的,但没有告诉他具体实现的办法。
今天在使用Google Reader时,在一篇文章里发现了这个插件,很小巧,代码也很易懂。于是乎,添加了中文注释与大家分享一下。
更多英文资料请阅读:http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm
分类:辅助软件 发表时间:2009年07月16日

昨晚在访问huaimao的博客,顺便帮他测试wopus的空间时,我给出的相应时间精确到了小数点后3位,他就奇怪地问我,怎么我给的时间那么精确呢,我便告诉他说我安装了YSlow插件,安装后会实时地在浏览器的右下角显示加载时间。也正是他这一问,才有了一篇文章,不为别的,只是分享我在用的火狐插件而已!
这个的功能我就不多少了,相信开发人员都知道它是干啥的;
…
由Yahoo公司开发,它也是Firebug的一个插件,主要提供给开发者测试加载速度、http请求次数,可以为更好地优化网站加载速度提高很好的建议;
…
Firebug是web开发人员使用最为广泛的工具之一,它是基于Firefox浏览器所开发的插件。在本文中,我将为你呈现10个Firebug足以吸引的特性。