网站设计必备工具FireBug篇之firebug 常用扩展列表
2010-01-13 13:35:31   来源:   评论:0 点击:

你知道FireBug有多少扩展程序吗 ?想不到有这么多的扩展程序吧:

  • YSlow
  • Firecookie
  • FirePHP
  • RainbowForFirebug
  • Jiffy
  • Firequark
  • LiveCoder
  • PixelPerfect
  • FirebugCodeCoverage
  • Firebug Net Panel History Overlay
  • Fireclipse
  • Chromebug

http://hi.baidu.com/cityhacker

 

 

YSlow

YSlow会根据“Yahoo's rules for high performance web sites”来告诉你网页慢的原因,YSlow会告诉你:

  • 性能报告
  • HTTP/HTML摘要
  • 页面组件列表
  • 包括JSLint在内的工具

YSlow

主页 Home Page
下载页面 Mozilla Add-ons

Firecookie

Firecookie 是一个可以用来查看和管理Cookie的FireBug扩展。

Firecookie

主页 Home Page
下载页面 Mozilla Add-ons
错误报告 issue
 
 

FirePHP

FirePHP 可以让你使用简单的PHP函数来打印Firebug控制台信息。

所有的数据是通过X-FirePHP-Data 响应头部信息来发送的,这意味着调试数据不会妨碍你的页面内容,因此FirePHP是最适合用做Ajax开发的。

FirePHP

主页 Home Page
下载 Mozilla Add-ons
错误报告 issue
加入FireBugPHP开发组

RainbowForFirebug

RainbowForFirebug 使Firebug可以有Javascript语法高亮功能。

RainbowForFirebug

主页 Home Page
下载 Mozilla Addons

Jiffy

The Jiffy Firefox Extension is written by Bill Scott of Netflix. It adds an additional panel to Firebug that provides a visual view of the Javascript time measurements captured by Jiffy-Web.

 

Jiffy

Visit Home Page
Download from Mozilla Add-ons site (experimental)
Join Jiffy-Web group

 

Firequark

Firequark is an extension to Firebug to aid the process of HTML Screen Scraping. Firequark automatically extracts css selector for a single or multiple html node(s) from a web page using Firebug (a web development plugin for Firefox). The css selector generated can be given as an input to html screen scrapers like Scrapi to extract information. Firequark is built to unleash the power of css selector for use of html screen scraping.

Firequark

Visit Home Page

LiveCoder

LiveCoder lets you poke at the browser's DOM, just like Firebug. But LiveCoder also lets you examine Firebug itself. In addition to examining the DOM, you can alter it including changing functions. This is a great way to debug your code and test fixes more quickly.

LiveCoder

Visit Home Page
Download from Mozilla Add-ons site (experimental)

Visit Home Page

 [page]
 

Pixel Perfect

Pixel Perfect is a firebug extension that allows web developers to easily overlay a web composition over top of the developed html.

Pixel Perfect

Visit Home Page
Download from Mozilla Add-ons site (experimental)

FirebugCodeCoverage

Firebug code coverage adds entry function code coverage for JavaScript code. Adds a button next to the Profiler in Firebug.

CodeCoverage

Download from Mozilla Add-ons site (experimental)

Firebug Net Panel History Overlay

This extension Adds history functionality to firebug net panel. Requires Firebug 1.2.0b4

Net Panel History

Visit Home Page
Download from Mozilla Add-ons site (experimental)

Fireclipse

Fireclipse is an open source project to experiment with development tools for javascript and related technologies. It enables nice coupling of Firefox and Eclipse for debugging purposes, working on top of Firebug.

Fireclipse

Visit Home Page

Chromebug (alpha)

ChromeBug is Firebug for Firefox extensions.

  • Requires Firebug 1.2.
  • Works with Chromelist.
  • Works on Firefox 3.0 and later
  • To run chromebug: firefox.exe -chrome chrome://chromebug/content/chromebug.xul -firefox
  • Currently unstable, testing install and bugs in FF3, and comments welcome.

Chromebug

Download here
Get source code

相关热词搜索:

上一篇:2009年最佳开源软件公布
下一篇:最后一页

分享到: 收藏
频道总排行
频道本月排行