3

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?

Improve this question

5 Answers 5

Reset to default
6

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.

.class1 {
  outline: 1px solid blue;
}
.class2 {
  outline: 1px solid red;
}
Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

hmm IE6/7 does not have anything good tho? btw, i think IE* developer's tools dont have realtime updates like firebug for FF has? cos now the problem i am facing is when during/after jquery animaions. so i need the css to update there so i know whats happening. my qn for that here stackoverflow.com/questions/1194812/css-ie7-8-issues
0

IE8 includes great developper tools

Improve this answer

Comments

0

You can validate CSS using W3C CSS Validation Service

About About the CSS Validator

Developer Tools

Improve this answer

Comments

0

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).

Improve this answer

2 Comments

firebug lite does not refresh realtime, eg. when i change classes with jquery or do animation.
Really? I thought it does, but it's a time ago now, since I used it.
0

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

Improve this answer

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.