Any advice for developing for Chrome? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers. 开发者_如何转开发

---

Want to improve this question? Update the question so it focuses on one problem only by editing this post.

Closed 6 years ago.

Improve this 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.

---

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.

---

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

---

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.

---

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

---

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.

---

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 .