Any advice for developing for Chrome?

views:

310

answers:

+1 Q:

Any advice for developing for Chrome?

I have a site that I used making CSS,HTML,javascript,Jquery,and PHP. I have made it work on all known browers (IE,FireFox,Safari,ETC...) All of a sudden chrome came out and I looked and my site is jacked.

I know this is not a very detailed question but I am just looking for a little guidance for any resources,tips,suggestions on how to go about solving this potentially giant problem.

+7 A:

If it works in Safari and Opera, you can't be too far off. I would suggest double-checking wherever you've made browser checks - particularly making sure things you do for IE aren't getting applied to Chrome. In general, following standards will point you in the right direction. If there are particular puzzling issues, post a more specific question.

Eric Mickelsen 2010-01-07 15:55:34

Browser checks accidentally applying to Chrome is a good point.

Skilldrick 2010-01-07 15:56:56

Its pretty bad...elements are not where they should be, java script is out of whack, and css is out of whack. The browser check applying when it's no supposed IS a great point. I do have browser check for IE. How can I make sure that it is not applying to Chrome? Thanks

Ralph The Mouf 2010-01-07 18:23:35

Like Ken suggested below, you can use Chrome to inspect elements. You can also step through your javascript. You should step through your browser checks or just put a breakpoint on the IE case, and compare your code to equivalent examples, which should be easy to find. As a general rule, you should check to see whether the object you will use exists, rather than specifically detecting the browser, whenever possible.

Eric Mickelsen 2010-01-07 21:05:58

+3 A:

If you're compatible with Firefox and Safari, you shouldn't be having any major problems with Chrome. The only thing to do is check.

Skilldrick 2010-01-07 15:55:46

+6 A:

Chrome has tons of built-in developer tools. Try right clicking, select inspect element to figure out what CSS is causing the problem.

Kenneth J 2010-01-07 15:56:53

+2 A:

Is there an echo in here? The only real answer is "just try it". Since Chrome is built on webkit testing in Safari will get you close, but you really can't escape the need to actually fire it up and test.

The only other "tip" is that Chrome uses all of the special webkit css properties (curved borders, drop shadows, etc) so make use of them if and when you can.

Toji 2010-01-07 15:59:28

+3 A:

here are some advice for developing for chrome

http://www.google.com/chrome/intl/en/webmasters-faq.html#useragent

http://www.evotech.net/blog/2008/09/css-hack-for-google-chrome-and-safari-31/

http://www.evotech.net/blog/2008/09/google-chrome-browser-css-selector-support/

http://www.tecsisa.com/index.igw?item=1608 (but in spanish)

Update;

http://blogs.agriya.com/how-to-make-your-site-look-good-in-google-chrome

http://code.google.com/p/doctype/wiki/ArticleGoogleChromeCompatFAQ

metal-gear-solid 2010-01-07 16:39:15

+1 A: