PageRenderTime 51ms CodeModel.GetById 21ms RepoModel.GetById 0ms app.codeStats 0ms

/demos/mobile/docs/about/platforms.html

https://github.com/MichaelVdheeren/Absolution
HTML | 108 lines | 87 code | 21 blank | 0 comment | 0 complexity | 122bfe0eaabbd5e5c762048f67921028 MD5 | raw file
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>jQuery Mobile Docs - Supported platforms</title>
  7. <link rel="stylesheet" href="../../../../compiled/absolution.mobile.css" />
  8. <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
  9. <script src="../../js/jquery.js"></script>
  10. <script src="../../docs/_assets/js/jqm-docs.js"></script>
  11. <script src="../../js/jquery.mobile-1.1.1.js"></script>
  12. </head>
  13. <body>
  14. <div data-role="page" class="type-interior">
  15. <div data-role="header" data-theme="f">
  16. <h1>Supported platforms</h1>
  17. <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
  18. <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
  19. </div><!-- /header -->
  20. <div data-role="content">
  21. <style>
  22. li { margin:9px 0; }
  23. </style>
  24. <div class="content-primary">
  25. <h2 id="platforms">jQuery Mobile Supported Platforms</h2>
  26. <p>jQuery Mobile has broad support for the vast majority of all modern desktop, smartphone, tablet, and e-reader platforms. In addition, feature phones and older browsers are supported because of our progressive enhancement approach. We're very proud of our commitment to universal accessibility through our broad support for all popular platforms.</p>
  27. <p>We use a 3-level graded platform support system: <strong>A</strong> (full), <strong>B</strong> (full minus Ajax), <strong>C</strong> (basic HTML). The visual fidelity of the experience and smoothness of page transitions are highly dependent on the CSS rendering capabilities of the device and platform so not all A grade experience will be pixel-perfect but that's the nature of the web.</p>
  28. <h3 style="display: block; font-size: 16px !important; font-weight: normal; background: #e6e6e6; border-left: 7px solid #74B64A; padding: 5px 0 5px 8px;"><strong> A-grade</strong> - Full enhanced experience with Ajax-based animated page transitions.</h3>
  29. <ul>
  30. <li><strong>Apple iOS 3.2-5.1</strong> - Tested on the original iPad (4.3 / 5.0), iPad 2 (4.3), iPad 3 (5.1), original iPhone (3.1), iPhone 3 (3.2), 3GS (4.3), 4 (4.3 / 5.0), and 4S (5.0)</li>
  31. <li><strong>Android 2.1-2.3</strong> - Tested on the HTC Incredible (2.2), original Droid (2.2), HTC Aria (2.1), Google Nexus S (2.3). Functional on 1.5 &amp; 1.6 but performance may be sluggish, tested on Google G1 (1.5)</li>
  32. <li><strong>Android 3.1 (Honeycomb) </strong> - Tested on the Samsung Galaxy Tab 10.1 and Motorola XOOM</li>
  33. <li><strong>Android 4.0 (ICS) </strong> - Tested on a Galaxy Nexus. Note: transition performance can be poor on <em>upgraded</em> devices</li>
  34. <li><strong>Windows Phone 7-7.5</strong> - Tested on the HTC Surround (7.0) HTC Trophy (7.5), LG-E900 (7.5), Nokia Lumia 800</li>
  35. <li><strong>Blackberry 6.0</strong> - Tested on the Torch 9800 and Style 9670</li>
  36. <li><strong>Blackberry 7</strong> - Tested on BlackBerry® Torch 9810</li>
  37. <li><strong>Blackberry Playbook (1.0-2.0)</strong> - Tested on PlayBook</li>
  38. <li><strong>Palm WebOS (1.4-2.0)</strong> - Tested on the Palm Pixi (1.4), Pre (1.4), Pre 2 (2.0)</li>
  39. <li><strong>Palm WebOS 3.0 </strong> - Tested on HP TouchPad</li>
  40. <li><strong>Firefox Mobile (10 Beta)</strong> - Tested on Android 2.3 device</li>
  41. <li><strong>Chrome for Android (Beta)</strong> - Tested on Android 4.0 device</li>
  42. <li><strong>Skyfire 4.1</strong> - Tested on Android 2.3 device</li>
  43. <li><strong>Opera Mobile 11.5-12</strong>: Tested on Android 2.3</li>
  44. <li><strong>Meego 1.2</strong> - Tested on Nokia 950 and N9</li>
  45. <li><strong>Samsung bada 2.0</strong> - Tested on a Samsung Wave 3, Dolphin browser</li>
  46. <li><strong>UC Browser</strong> - Tested on Android 2.3 device</li>
  47. <li><strong>Kindle 3 and Fire </strong> - Tested on the built-in WebKit browser for each</li>
  48. <li><strong>Nook Color 1.4.1</strong> - Tested on original Nook Color, not Nook Tablet</li>
  49. <li><strong>Chrome <strong>Desktop </strong>11-19</strong> - Tested on OS X 10.7 and Windows 7</li>
  50. <li><strong>Safari <strong>Desktop </strong>4-5</strong> - Tested on OS X 10.7 and Windows 7</li>
  51. <li><strong>Firefox Desktop 4-13</strong> - Tested on OS X 10.7 and Windows 7</li>
  52. <li><strong>Internet Explorer 7-9</strong> - Tested on Windows XP, Vista and 7</li>
  53. <li><strong>Opera Desktop 10-12</strong> - Tested on OS X 10.7 and Windows 7</li>
  54. </ul>
  55. <h3 style="display: block; font-size: 16px !important; font-weight: normal; background: #e6e6e6; border-left: 7px solid #6699cc; padding: 5px 0 5px 8px;"><strong>B-grade</strong> - Enhanced experience except without Ajax navigation features.</h3>
  56. <ul>
  57. <li><strong>Blackberry 5.0</strong>: Tested on the Storm 2 9550, Bold 9770</li>
  58. <li><strong>Opera Mini (5.0-6.5)</strong> - Tested on iOS 3.2/4.3 and Android 2.3</li>
  59. <li><strong>Nokia Symbian^3 </strong>- Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also works on N97 (Symbian^1)</li>
  60. </ul>
  61. <h3 style="display: block; font-size: 16px !important; font-weight: normal; background: #e6e6e6; border-left: 7px solid #FFCC33; padding: 5px 0 5px 8px;"><strong>C<strong>-grade</strong></strong> - Basic, non-enhanced HTML experience that is still functional</h3>
  62. <ul>
  63. <li><strong>Blackberry 4.x</strong> - Tested on the Curve 8330</li>
  64. <li><strong>Windows Mobile</strong> - Tested on the HTC Leo (WinMo 5.2)</li>
  65. <li><strong>All older smartphone platforms and featurephones</strong> - Any device that doesn't support media queries will receive the basic, C grade experience</li>
  66. </ul>
  67. </div>
  68. <div class="content-secondary">
  69. <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
  70. <h3>More in this section</h3>
  71. <ul data-role="listview" data-theme="c" data-dividertheme="d">
  72. <li data-role="list-divider">Overview</li>
  73. <li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
  74. <li><a href="../../docs/about/getting-started.html">Quick start guide</a></li>
  75. <li><a href="../../docs/about/features.html">Features</a></li>
  76. <li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
  77. <li data-theme="a"><a href="../../docs/about/platforms.html">Supported platforms</a></li>
  78. </ul>
  79. </div>
  80. </div>
  81. </div><!-- /content -->
  82. <div data-role="footer" class="footer-docs" data-theme="c">
  83. <p>&copy; 2012 jQuery Foundation and other contributors</p>
  84. </div>
  85. </div><!-- /page -->
  86. </body>
  87. </html>