Difference between revisions of "Website:Browser Compatibility Statement"

From WormBaseWiki
Jump to navigationJump to search
 
(18 intermediate revisions by the same user not shown)
Line 1: Line 1:
As of November 2010, this matrix covers 98% of requests.
+
This document describes the browser support policy at WormBase.
  
 +
Support decisions are based on current site usage statistics (November 2010) as well as anticipated browser and OS releases. The aim is to cover > 95% of requests with A-grade support as defined below.
 +
 +
== Operating Systems ==
 +
 +
Operating systems in use among WormBase users are evenly divided between MacOS and Windows, with other operating systems contributing a tiny minority percentage.
 +
 +
<html>
 +
<table border="1">
 +
  <tr><th>OS</th><th>% Requests</th></tr>
 +
  <tr><td>Mac OS</td><td>50%</td></tr>
 +
  <tr><td>Windows</td><td>48%</td></tr>
 +
  <tr><td>Linux</td><td>2%</td></tr>
 +
</table>
 +
</html>
 +
 +
=== Windows XP  and Windows 7 ===
 +
 +
Windows XP users make up more than half of all Windows users but numbers should be declining dramatically in 2011.  For now, we will provide A-grade support for the most current browsers on XP, to be revisited in 2011.
 +
 +
=== Mac OS X ===
 +
 +
Mac users are split between three OS versions 10.6 (47%); 10.5 (37%); and 10.4 (5%).  Apple is expected to release a new operating system (10.7) in 2011.
 +
 +
=== iOS devices and Android ===
 +
 +
As of Nov 2010, WormBase is seeing increasing access through mobile devices like the iPad. We expect tablet style devices to become fixtures in laboratory environments. Full support for browsers on these devices is planned.
 +
 +
== Browser Use ==
 +
 +
''May 2013''
 +
 +
<html>
 +
<table border="1">
 +
  <tr><th>Browser</th><th>Requests</th></tr>
 +
  <tr><td>Safari</td><td>36% -- trending up</td></tr>
 +
  <tr><td>Chrome</td><td>27% -- trending up</td></tr>
 +
  <tr><td>Firefox</td><td>25% -- trending down</td></tr>
 +
  <tr><td>Internet Explorer</td><td>9% -- trending down</td></tr>
 +
  <tr><td>others</td><td>3%</td></tr>
 +
</table>
 +
</html>
 +
 +
== Support Matrix ==
  
 
<html>
 
<html>
Line 6: Line 49:
 
   <style>
 
   <style>
 
     .agrade {
 
     .agrade {
         bgcolor:green;
+
         color:green;
 
       }
 
       }
 
       .cgrade {
 
       .cgrade {
           bgcolor:red;
+
           color:red;
 
       }
 
       }
 
   </style>
 
   </style>
Line 22: Line 65:
 
           <th><abbr title="Macintosh 10.5">Mac 10.5</abbr></th>
 
           <th><abbr title="Macintosh 10.5">Mac 10.5</abbr></th>
 
           <th><abbr title="Macintosh 10.6">Mac 10.6</abbr></th>
 
           <th><abbr title="Macintosh 10.6">Mac 10.6</abbr></th>
          <th><abbr title="Macintosh 10.7">Mac 10.7</abbr></th>
 
 
           <th><abbr title="Linux (Ubuntu 9)">Linux</abbr></th>
 
           <th><abbr title="Linux (Ubuntu 9)">Linux</abbr></th>
 +
          <th><abbr title="iOS 4.x">iOS 4.x</abbr></th>
 +
          <th><abbr title="Android 2.2">Android 2.2</abbr></th>
 +
 
         </tr>
 
         </tr>
 
       </thead>
 
       </thead>
 
       <tbody>
 
       <tbody>
        <tr>
 
          <th><abbr title="Mozilla Firefox 3.0.†">Firefox 3.0</abbr></th>
 
          <td class="na"></td>
 
          <td class="na"></td>
 
          <td class="na"></td>
 
          <td class="na"></td>
 
          <td class="na"></td>
 
          <td class="na"></td>
 
        </tr>
 
  
 
         <tr>
 
         <tr>
 
           <th><abbr title="Mozilla Firefox 3.6.x">Firefox 3.6.x</abbr></th>
 
           <th><abbr title="Mozilla Firefox 3.6.x">Firefox 3.6.x</abbr></th>
          <td class="na"></td>
 
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
Line 45: Line 80:
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
 +
          <td class="na"></td>
 +
          <td class="na"></td>
 
         </tr>
 
         </tr>
  
 
         <tr>
 
         <tr>
           <th><abbr title="Mozilla Firefox 4.x (post beta releases)">Firefox 4.x</abbr></th>
+
           <th><abbr title="Mozilla Firefox 4.x">Firefox 4.x</abbr></th>
 +
          <td class="na"></td>
 +
          <td class="agrade">A-grade (upon GA release)</td>
 +
          <td class="na"></td>
 +
          <td class="agrade">A-grade (upon GA release)</td>
 +
          <td class="agrade">A-grade (upon GA release)</td>
 +
          <td class="na"></td>
 
           <td class="na"></td>
 
           <td class="na"></td>
          <td class="agrade">A-grade</td>
 
          <td class="agrade">A-grade</td>
 
          <td class="agrade">A-grade</td>
 
          <td class="agrade">A-grade</td>
 
          <td class="agrade">A-grade</td>
 
 
         </tr>
 
         </tr>
  
 
         <tr>
 
         <tr>
           <th><abbr title="Chrome 7.x">Chrome 7.x</abbr></th>
+
           <th><abbr title="Chrome (latest stable)">Chrome (latest stable)</abbr></th>
 
           <td class="na"></td>
 
           <td class="na"></td>
 
           <td class="agrade">A-grade</td>  
 
           <td class="agrade">A-grade</td>  
 +
          <td class="na"></td>
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
           <td class="agrade">A-grade</td>
+
           <td class="na"></td>
           <td class="agrade">A-grade</td>
+
           <td class="na"></td>
           <td class="agrade">A-grade</td>
+
           <td class="na"></td>
 
         </tr>
 
         </tr>
  
 
         <tr>
 
         <tr>
           <th><abbr title="Internet Explorer 6.0">IE 6.0</abbr></th>
+
           <th><abbr title="Internet Explorer 9.0">IE 9.0</abbr></th>
 
           <td class="na"></td>
 
           <td class="na"></td>
 +
          <td class="agrade">A-grade (upon GA release)</td>
 
           <td class="na"></td>
 
           <td class="na"></td>
 
           <td class="na"></td>
 
           <td class="na"></td>
Line 78: Line 118:
  
 
       <tr>
 
       <tr>
           <th><abbr title="Internet Explorer 7.0">IE 7.0</abbr></th>
+
           <th><abbr title="Internet Explorer 8.0">IE 8.0</abbr></th>
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
 +
          <td class="na"></td>
 
           <td class="na"></td>
 
           <td class="na"></td>
 
           <td class="na"></td>
 
           <td class="na"></td>
Line 87: Line 128:
 
         </tr>
 
         </tr>
  
        <tr>
+
      <tr>
           <th><abbr title="Internet Explorer 8.0">IE 8.0</abbr></th>
+
           <th><abbr title="Internet Explorer 7.0">IE 7.0</abbr></th>
           <td class="agrade">A-grade</td>
+
           <td class="na"></td>
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
 +
          <td class="na"></td>
 
           <td class="na"></td>
 
           <td class="na"></td>
 
           <td class="na"></td>
 
           <td class="na"></td>
Line 96: Line 138:
 
           <td class="na"></td>
 
           <td class="na"></td>
 
         </tr>
 
         </tr>
+
 
 
         <tr>
 
         <tr>
           <th>Safari 4.0</th>
+
           <th>Safari 5.0</th>
 
           <td class="na"></td>
 
           <td class="na"></td>
 +
          <td class="cgrade">C-grade</td>
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
           <td class="agrade">A-grade</td>
+
           <td class="na"></td>
 +
          <td class="na"></td>
 +
          <td class="na"></td>
 +
        </tr>
 +
 
 +
        <tr>
 +
          <th>Safari for iOS</th>
 +
          <td class="na"></td>
 +
          <td class="na"></td>
 +
          <td class="na"></td>
 +
          <td class="na"></td>
 +
          <td class="na"></td>
 
           <td class="agrade">A-grade</td>
 
           <td class="agrade">A-grade</td>
 
           <td class="na"></td>
 
           <td class="na"></td>
 +
        </tr>
  
 +
        <tr>
 +
          <th>Webkit for Android</th>
 +
          <td class="na"></td>
 +
          <td class="na"></td>
 +
          <td class="na"></td>
 +
          <td class="na"></td>
 +
          <td class="na"></td>
 +
          <td class="na"></td>
 +
          <td class="agrade">A-grade</td>
 
         </tr>
 
         </tr>
 +
 
       </tbody>
 
       </tbody>
 
     </table>
 
     </table>
Line 120: Line 185:
  
 
Summary: A-grade browsers are identified, capable, modern and common. QA tests all A-grade browsers, and bugs are addressed with high priority.
 
Summary: A-grade browsers are identified, capable, modern and common. QA tests all A-grade browsers, and bugs are addressed with high priority.
 +
 +
=== C-grade ===
 +
 +
C-grade supported browser/OS combinations should be able to view content and navigate site without added CSS or Javascript support.
 +
 +
QA testing of C-grade browsers will be done in the browser itself or in a modern browser with JavaScript and CSS disabled.Verify that JavaScript and CSS resources are withheld from C-grade browsers based on user agent.

Latest revision as of 12:10, 17 May 2013

This document describes the browser support policy at WormBase.

Support decisions are based on current site usage statistics (November 2010) as well as anticipated browser and OS releases. The aim is to cover > 95% of requests with A-grade support as defined below.

Operating Systems

Operating systems in use among WormBase users are evenly divided between MacOS and Windows, with other operating systems contributing a tiny minority percentage.

OS% Requests
Mac OS50%
Windows48%
Linux2%

Windows XP and Windows 7

Windows XP users make up more than half of all Windows users but numbers should be declining dramatically in 2011. For now, we will provide A-grade support for the most current browsers on XP, to be revisited in 2011.

Mac OS X

Mac users are split between three OS versions 10.6 (47%); 10.5 (37%); and 10.4 (5%). Apple is expected to release a new operating system (10.7) in 2011.

iOS devices and Android

As of Nov 2010, WormBase is seeing increasing access through mobile devices like the iPad. We expect tablet style devices to become fixtures in laboratory environments. Full support for browsers on these devices is planned.

Browser Use

May 2013

BrowserRequests
Safari36% -- trending up
Chrome27% -- trending up
Firefox25% -- trending down
Internet Explorer9% -- trending down
others3%

Support Matrix

Win XP Win 7 Mac 10.5 Mac 10.6 Linux iOS 4.x Android 2.2
Firefox 3.6.x A-grade A-grade A-grade A-grade A-grade
Firefox 4.x A-grade (upon GA release) A-grade (upon GA release) A-grade (upon GA release)
Chrome (latest stable) A-grade A-grade
IE 9.0 A-grade (upon GA release)
IE 8.0 A-grade A-grade
IE 7.0 A-grade
Safari 5.0 C-grade A-grade A-grade
Safari for iOS A-grade
Webkit for Android A-grade

Grade Level Definitions

A-grade

A-grade support is the highest support level. By taking full advantage of the powerful capabilities of modern web standards, the A-grade experience provides advanced functionality and visual fidelity.

A-grade browsers are identified on a whitelist. Approximately 96% of our audience enjoys an A-grade experience.

Summary: A-grade browsers are identified, capable, modern and common. QA tests all A-grade browsers, and bugs are addressed with high priority.

C-grade

C-grade supported browser/OS combinations should be able to view content and navigate site without added CSS or Javascript support.

QA testing of C-grade browsers will be done in the browser itself or in a modern browser with JavaScript and CSS disabled.Verify that JavaScript and CSS resources are withheld from C-grade browsers based on user agent.