有助于开发的浏览器附加工具的建议[关闭]
https://stackoverflow.com/questions/17561
-
09-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian题
谁能推荐一些好的浏览器附加工具/扩展来帮助开发？我在 Firefox 中安装了 firebug，它非常适合处理 CSS、HTML 和 javascript；还有其他建议吗？
其他提示
对于火狐浏览器：
萤火虫 对于调查和开发来说非常棒。
网页开发者工具栏 也不错。对 CSS 和页面布局等方面确实有帮助。
我也用 实时 HTTP 标头 （我认为它被调用了，但它在我的工作机器上，所以现在找不到链接）。这帮助我们解决了缓存问题等。
我做了很多手机开发，所以我也使用 用户代理切换器. 。对于假装不同的手机非常有帮助。
我倾向于只使用 Firefox 进行开发，并且只在其他浏览器中进行测试，因为大多数浏览器没有 Firefox 那样广泛的插件来帮助开发。
Firefox 的另一个必备品是 Chris Pederick 的 网页开发者工具栏.
你绝对应该安装 Safari。它内置了许多工具。我一直将它与其他浏览器结合使用。
- 网络时间轴
- 错误控制台
- 网页检查器
- 片段编辑器
另外，它还可以让您根据您的请求设置用户代理。
考虑一下，它有一个单独的顶级菜单，称为 发展.
歌剧有：
Dragonfly（工具 -> 高级 -> 开发人员工具）
opera:config#CompatMode%20Override 用于强制怪异或标准模式
您可以查看文件源、编辑它们、应用更改并从缓存重新加载。
对于 IE，下一个工具可能会很有用
- 微软开发者工具栏 - dom|样式查看器
- Fiddler HTTP 调试器 - http监控
- 即时来源 - dom|样式查看器
- 伴侣JS - dom|styles 查看器，扩展错误控制台
IE 的“uber”扩展 - “开发者工具”，作为 IE8 的一部分提供
火狐浏览器：
如果您使用 DOM 检查器，请检查此
测量它以告诉您像素距离（如果您需要的话）
IE 视图或 Safari 视图，以便于在其他浏览器中进行测试
HTML 验证器（如果您关心验证）
Console2 改进你的js错误控制台
Javascript Shell 书签也很方便（也可以看看那里的其他书签）
这是对其他人提到的 Web 开发工具栏的补充
Cebjyre 的这份列表几乎是完整的（因为问题中已经提到了 FireBug）。我只会添加 篡改数据. 。有时它非常有用。
慢速 是一个很棒的 Firebug 插件，用于解决页面加载时间问题。
除了已经提到的优秀工具之外，我发现 查尔斯 非常有用。特别是因为我用 Flash Remoting 做了很多工作，它处理得非常好。
Charles 是一个 HTTP 代理/HTTP 监视器/反向代理，使开发人员能够查看其计算机和 Internet 之间的所有 HTTP 流量。这包括请求、响应和 HTTP 标头（其中包含 cookie 和缓存信息）。
Charles 可以充当 HTTP/SSL 通信的中间人，使您能够调试 HTTPS 会话的内容。
它是跨平台的，售价 50 美元，但有一个“每次会话 30 分钟”的评估版，您可以下载。
这是我使用的：
火狐浏览器：
- DOM 检查器: ：我在 Web 开发中使用它比其他任何东西都多
- 拉奇: ：用于在其他浏览器/应用程序中打开网站
- 篡改数据: ：这对于调试 GET/POST 请求很有帮助
- 网页开发者工具栏: ：这有很多方便的调试功能：W3C 验证工具、内置标尺、调整大小工具、源操作、简单的缓存/CSS/脚本工具
IE：
- Internet Explorer 开发人员工具栏: ：远不如 Firefox 方便，但至少它为您提供了一个不错的 DOM Inspector
杂项：
