Skip to content

Instantly share code, notes, and snippets.

@drnikki

drnikki/supported browser matrix

Created February 24, 2015 20:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save drnikki/573ebcd50fb823f61d99 to your computer and use it in GitHub Desktop.
Save drnikki/573ebcd50fb823f61d99 to your computer and use it in GitHub Desktop.
Download ZIP
Supported Browser Matrix
Raw
supported browser matrix
<!-- initially taken from http://courses.ucmo.edu/check/browser_compatibility.html -->
<style>
td { border: 1px solid black; padding: 4px;}
td.pass { background-color: green;}
td.fail {background-color: red;}
</style>
<table align="center" cellspacing="0" cellpadding="0">
<tbody><tr>
<td colspan="2" rowspan="2">&nbsp;</td>
<td class="os win bl4 bt4 br4 bb" colspan="3">Windows OS</td>
<td class="os mac br4 bt4 bb" colspan="4">Mac OS</td>
<td class="os mac br4 bt4 bb" colspan="1">iOS</td>
<td class="os mac br4 bt4 bb" colspan="1">Android</td>
<td class="os mac br4 bt4 bb" colspan="1">Windows Mobile</td>
</tr>
<tr>
<td class="osVersion br bl4">Vista</td>
<td class="osVersion br">7</td>
<td class="osVersion br4">8</td>
<td class="osVersion br">10.7</td>
<td class="osVersion br">10.8</td>
<td class="osVersion br">10.9</td>
<td class="osVersion br4">10.10</td>
<td class="osVersion br4">current</td>
<td class="osVersion br4">current</td>
<td class="osVersion br4">current</td>
</tr>
<tr class="gray">
<td class="browser b4 ie" rowspan="3">Internet Explorer</td>
<td class="version bb bt4">9</td>
<td class="pass bb br bl4 bt4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass bb br bt4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="fail bb br4 bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail bb br bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail bb br bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
</tr>
<tr>
<td class="version bb">10</td>
<td class="fail bb br bl4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="pass bb br"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="fail bb br4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail bb br"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail bb br"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br bb"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="pass br4 bb bt4"><span style="color: rgb(0,128,0);">pass</span></td>
</tr>
<tr class="gray">
<td class="version bb4">11</td>
<td class="fail bb4 br bl4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="pass bb4 br"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass bb4 br4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="fail bb4 br"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail bb4 br"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br bb4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="pass br4 bb bt4"><span style="color: rgb(0,128,0);">pass</span></td>
</tr>
<tr>
<td class="browser ff bb4 bl4 br4">Firefox</td>
<td class="version bb4 stable">RC**</td>
<td class="pass bb4 br bl4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass bb4 br"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass bb4 br4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass bb4 br"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass bb4 br"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass br bb4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass br4 bb4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="pass br4 bb bt4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
</tr>
<tr>
<td class="browser chrome br4 bl4 bb4">Chrome</td>
<td class="version bb4 stable">SC**</td>
<td class="pass bb4 br bl4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass br bb4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass br4 bb4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass bb4 br"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass bb4 br"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass br bb4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass br4 bb4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="pass br4 bb bt4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
</tr>
<tr>
<td class="browser safari br4 bl4 bb4" rowspan="3">Safari</td>
<td class="version bb">6</td>
<td class="fail bb br bl4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br bb"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="pass bb br"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass br bb"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="fail br bb"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="pass br4 bb bt4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
</tr>
<tr>
<td class="version bb">7</td>
<td class="fail bb br bl4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br bb"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail bb br"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br bb"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="pass br bb"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="fail br4 bb"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="pass br4 bb bt4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
</tr>
<tr>
<td class="version bb4">8</td>
<td class="fail bb4 br bl4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br bb4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail bb4 br"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br bb4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br bb4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="pass br4 bb4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="pass br4 bb bt4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
</tr>
<tr>
<td class="version bb4">Android Browser</td>
<td class="version bb4">latest</td>
<td class="fail bb4 br bl4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br bb4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br4 bb4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail bb4 br"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br bb4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="fail br bb4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="pass br4 bb4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
<td class="pass br4 bb bt4"><span style="color: rgb(0,128,0);">pass</span></td>
<td class="fail br4 bb bt4"><span style="color: rgb(255,0,0);">fail</span></td>
</tr>
</tbody></table>
<p><span class="stable">RC**</span> - The Firefox Release Channel (RC) is the fully tested version by Mozilla and intended to be the most stable.&nbsp; This channel is updated roughly every 6 weeks.&nbsp; For further detail on Firefox, please review the material available at <a href="http://blog.mozilla.com/blog/2011/04/13/new-channels-for-firefox-rapid-releases/" target="_blank"><em>The Mozilla Blog</em></a>.&nbsp; The latest stable version of Firefox can be downloaded at <a href="http://www.firefox.com/" target="_blank">www.firefox.com</a>.
</p>
<p><span class="stable">SC**</span> - The Chrome Stable Channel (SC) is the fully tested version by Google and intended to be the most stable as the name implies.&nbsp; This channel is updated roughly every 2-3 weeks for minor releases and 6 weeks for major releases.&nbsp; For further detail on Chrome, please review the material available at <a href="http://www.chromium.org" target="_blank">www.chromium.org</a>.&nbsp; The latest stable version of Chrome can be downloaded at <a href="http://www.google.com/chrome" target="_blank">www.google.com/chrome</a>.
</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment