Browser Compatibility /Support for Newer Versions(chrom/Firefox)

Wenky

Hi All,
I would like to support newer browser like chrome,firefox,opera etc for my application.My application currently works well with IE8.
How can I add support for newer versions.Is there any javascript bundle that is readily available and we can use by including tags like


<!--[if !IE]><!-->
<script src="--JS Bundle for newer versions" type="text/javascript"></script>

<!--[if gt IE 8]>
<script src="--JS Bundle for newer versions" type="text/javascript"></script>
<![endif]--><!--<![endif]-->

And also let me know if there is any tools to test Browser compatibility

john.duprey

Usually one just needs to guard against various IE versions. HTML boilerplate (https://html5boilerplate.com/) seems to do a good job of this.. you could look to that for example.

In general if you must include javascript conditionally, then you could use something like boilerplates check/then load logic:


window.jQuery || document.write('<\/script>')

Similar logic could be using browser detection as described here:
http://www.pontikis.net/tip/?id=27

browser.family == "xxx" || document.write('<\/script>')

Here are some of my notes on browser compat. testing:
1. http://stackoverflow.com/questions/10541225/cross-browser-testing-all-major-browsers-on-one-machine
2. https://www.modern.ie/en-us
3. http://utilu.com/UtiluMFC/
4. http://utilu.com/IECollection/
5. http://www.browserstack.com/