我发现在进行Web开发时,有一些浏览器插件对我非常有用。
对于我正在使用的Firefox:
Firebug - 非常适合检查HTML元素和使用CSS。
YSlow for Firebug - 由Yahoo!开发并提供有关页面资源的时间和提示。
Live HTTP headers - 让您检查发送到浏览器的标头。
对于IE我正在使用:
Fiddler - “一个Web调试代理,用于记录您的计算机和Internet之间的所有HTTP(S)流量”
我一直在寻找其他很棒的工具。那么其他人使用的是什么?
答案 0 :(得分:5)
除了你所拥有的:
Web Developer toolbar添加了许多额外的功能(cookie,表单,图像检查,查看生成的DOM等)。
HTML Validator - 非常适合快速检查以确保您的网页有效。当显示错误时,您也可以快速查看是否来自不正确生成的HTML。
ColorZilla - 我使用此功能将精确的颜色从页面拉到剪贴板。
答案 1 :(得分:5)
Fireshot - 截取屏幕截图并对其进行注释,非常有帮助。
答案 2 :(得分:3)
Extended Statusbar修改状态栏以显示速度,百分比,时间和加载的大小(有助于查看正在加载的图像数量,页面重量等)
ShowIP在状态栏中显示当前页面的IP地址
external IP在状态栏中显示您的外部IP地址
另外,我还发现在FirefoxPortable中运行这些扩展程序很有用,因此我已经安装了专门用于开发相关扩展程序的开发工作的浏览器设置,以避免减慢速度或破坏稳定性我的主浏览器(例如Firebug在访问Gmail时曾经一直崩溃我的浏览器)。
答案 3 :(得分:1)
URL Params(Firefox扩展程序),用于查看网页的POST和GET参数。用于检查表单。
答案 4 :(得分:1)
答案 5 :(得分:1)
阻止您访问StackOverflow的那个非常有用。
答案 6 :(得分:1)
所有这些都是Firefox插件。
Firebug用于Javascript和CSS调试。例如,当javascript修改它时,Firebug允许检查DOM树。 Firebug是我的主要工具。
Live HTTP Headers用于查看请求和回复中的实际数据。
Web Developer toolbar包含较小的实用程序。例如,它可以验证html和CSS。
Dust Me Selectors查找哪些CSS未使用。
答案 7 :(得分:0)
答案 8 :(得分:0)
答案 9 :(得分:0)
twitterfox如何与开发人员的同事和朋友一起帮助推特。
答案 10 :(得分:0)
获取FF中页面上呈现的项目的确切大小。
答案 11 :(得分:0)
Firebug - 另外,让我看看从一个页面发送到另一个页面的JS请求以及正在发送的数据。
- 我可以看到JS变量中的数据
- 替换错误控制台。如果发现错误,它也会在雕像中输出,所以我可以检查它
- 在开发AJAX应用程序时很好看到html的结构。