如何调试多个浏览器中的显示/CSS 问题？
假设我需要为多个浏览器开发一个网站。 主要 - Firefox、Safari、IE、Opera、Chrome
如何调试显示问题？ Firefox 中有 Firebug，这非常棒。 还有一个适用于其他浏览器的 Firebug Lite，但它的功能并不完整 - 它不会实时刷新。 例如，如果我怀疑 jQuery 正在减慢速度（添加类等），我将如何发现？
Say I need to develop a web site for multiple browsers. major ones - Firefox, Safari, IE, Opera, Chrome
How do you debug display issues? In Firefox there's Firebug, which is great. There also is a Firebug Lite for other browsers, but it's not full featured - it does not refresh in real-time. For example, if I suspect that jQuery is slowing it down (adding classes, etc), how would I find out?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
除了这些之外，您可能还需要查找大纲属性 为元素添加边框，但不会中断页面流。 这对于并排比较很有用。
如果您有一些使用 jQuery 应用的类，只需使用它们的大纲属性，它就会在添加类时出现。
Aside from these, you may want to look up the outline property which adds a border to elements, but without disrupting the page flow. This is useful for side-by-side comparisons.
If you have some classes being applied with jQuery, simply use the outline property on them and it should appear when the class is added.
IE8 包含出色的开发人员工具
IE8 includes great developper tools
您可以使用 W3C CSS 验证服务
来 验证 CSS jigsaw.w3.org/css-validator/about.html" rel="nofollow noreferrer">关于 CSS 验证器
开发人员工具
You can validate CSS using W3C CSS Validation Service
About About the CSS Validator
Developer Tools
对于跨浏览器调试，您可以使用 Firebug Lite。 它就像 Firebug 本身，但作为一个外部 JavaScript 库，并在 FF、Opera Safari 甚至优秀的 IE 中进行了测试（如网页所述）。
For cross-browser debugging, you can use Firebug Lite. It's like Firebug itself, but as an external JavaScript library and tested in FF, Opera Safari and even the good ol' IE (as the webpage states).
查看我的新工具，通过将鼠标悬停在页面上的任何元素上来查看其布局 - 跨浏览器！
HTML Box 可视化工具 - GitHub
Check out my new tool to view the layout of any element on your page by mousing over it - CROSS BROWSER!
HTML Box Visualizer - GitHub