Tutorial :Any advice for developing for Chrome? [closed]



Question:

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.


Solution:1

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.


Solution:2

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.


Solution:3

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


Solution:4

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


Solution:5

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.


Solution:6

The built-in tools are great as mentioned by Ken, but if you like FireBug, you can also install FireBug Lite, https://chrome.google.com/extensions/detail/bnbbfjbeaefgipfjpdabmpadaacmafkj, if you're using the dev channel of Chrome, http://googlechromereleases.blogspot.com.

There is probably other dev tools available as extensions. Please see the Chrome extensions, https://chrome.google.com/extensions .


Note:If u also have question or solution just comment us below or mail us on toontricks1994@gmail.com
Previous
Next Post »