2009-02-05 39 views
5

我发现当我在做web开发时,有几个浏览器插件对我非常有用。您发现哪些Web开发浏览器插件有用?

对于Firefox我使用:

Firebug - 伟大的检查HTML元素和使用CSS。

YSlow for Firebug - 由Yahoo!开发并提供关于页面资源的时间和提示。

Live HTTP headers - 让您检查发送到浏览器的标题。

对于IE浏览器,我使用:

Fiddler - “一个Web调试代理其记录您的计算机和互联网之间的所有HTTP(S)流量”

我一直在寻找使用其他伟大的工具。那么其他人使用什么?

+0

我为IE,FF,Opera和Chrome使用Fiddler - 只需将其设置为代理(默认为127.0.0.1:8888)即可。 – Piskvor 2009-02-05 19:01:24

+0

@Piskvor - 良好的消化系统 – Brawndo 2009-02-05 20:40:14

回答

5

除了你有什么:

Web Developer toolbar增加了很多额外的功能(饼干,形式,图像检查,查看生成的DOM等)。

HTML Validator - 非常适合快速检查以确保您的网页有效。当出现显示错误时也很好,您可以快速查看它是否来自不正确生成的HTML。

ColorZilla - 我用这很多从页面拉到剪贴板的确切颜色。

+0

我通常使用Color Cop来提取颜色。这是一个Windows应用程序(免费)。 – cletus 2009-02-05 23:55:02

5

Fireshot - 以截图和注释方便,有帮助。

+0

火灾+1。以前从未见过。它看起来很棒。 – cletus 2009-02-05 23:56:59

0

如何twitterfox,以帮助开发者同事和朋友叽叽喳喳。

3

Extended Statusbar修改状态栏上显示的速度,比例,时间和负载大小(用于看到有多少图片加载中,页面权重等)

ShowIP显示当前页面的IP地址状态栏

external IP显示在状态

在一个侧面说明你的外部IP地址,我也觉得很有用的FirefoxPortable运行这些扩展,让我有一个浏览器设置专门为开发工作风趣h安装了相关的扩展程序,并避免使主浏览器变慢或不稳定(例如,访问Gmail时,Firebug曾经使我的浏览器崩溃)。

1

URL Params(Firefox扩展)查看网页的POST和GET参数。用于检查您的表单。

0

萤火虫 - 也让我看到了从一个页面发送到另一个JS请求和数据被发送。
- 我可以看到JS变量中的数据
- 替换错误控制台。如果它发现错误,它也会在雕像中输出,所以我可以检查它。
- 很适合在开发AJAX应用程序时查看html的结构。

1

阻止你访问StackOverflow的方法非常有用。

1

所有这些都是Firefox插件。

  • Firebug用于Javascript和CSS调试。 Firebug允许例如在JavaScript修改它时检查DOM树。 Firebug是我的主要工具。

  • Live HTTP Headers用于查看请求和响应内的实际数据。

  • Web Developer toolbar包含较小的实用程序。例如,它可以验证HTML和CSS。

  • Dust Me Selectors发现哪些CSS未被使用。