How can I check if cross-browser compatible? [clos

问题:

My humble question is if there is an online tool to check if your html/css & jQuery page is cross-browser compatible. I have a simple fade-hover effecr with jquery and it works perfect in Chrome, but what about the other browsers?

回答1:

Firstly, let me stress the point made in one of the comments, that it is really important that you actually test your site for yourself in all browsers that you wish to support. A third party tool simply cannot give you the kind of assurance you need that your site will work flawlessly in any given browser.

Now to answer the question...

You haven't stated whether there are any particular browsers you are having trouble with. If your issue is with testing all the various versions of IE, you may want to look at IE Tester, which installs all versions of IE into a single application, allowing you to test them all easily. It does have a tendency to crash, so it isn't suitable for use as a main browser, but it is certainly sufficient for testing.

If you only need screen shots of your site, Browser Shots is handy. You can use it to get a screen shot of your site running in virtually any browser ever released, in Windows, Linux or Mac. Not much use for testing dynamic content, but good for looking for any basic page layout issues.

If you're worried about specific browser features not being supported, you can look at CanIUse.com. This is a site which has browser support tables for over a hundred features. Very handy for helping you decide which features to use.

But since you specifically asked about jQuery, I should say that the whole point of jQuery is to minimise browser compatibility issues. The basic jQuery library is fully compatible with all browsers in current use, right back to IE6, so you really shouldn't have any issues with using it. The only thing I'd be careful about is fading, as IE8 and earlier don't deal with opacity very well. But even there it can work well if you do it right.

Third party jQuery plugins are a different story; they'll have their own set of browsers they support or not, and you'll need to check their individual web sites to confirm the details. But most of them should support the same set of browsers as the main jQuery library.

Hope that helps.

回答2:

If you are using jQuery but not HTML5 (which is still under development progress), then most highly your transition effects are cross-compatible. Because that's the reason behind js libraries. They are not dependent on browser so much and they do their own stuff. Otherwise jQuery doesn't have that much meaning to me it is not cross-browser compatible.

回答3:

Sounds like SauceLabs is what you need. It loads a interactive visual of each browser for you to play with.

回答4:

Browsercam, but it will require you to check each browser manually.

回答5:

http://www.modern.ie/

Modern.ie will run tests for you and give you advice on how to fix the issue with valid html/css. No installation needed. They can also give you screenshots of your site on various devices.

This tool detects common coding practices that may cause compatibility problems or prevent your users from getting the best possible experience on a webpage. Whenever possible we suggest a fix or enhancement with web standards like HTML5 & CSS3 (or a graceful fallback). It's not a complete checklist for coding the modern web – just a starting point so you can spend less time testing for IE and more time building what matters on the web.