jquery-mobile/docs/about/platforms.html

<!DOCTYPE html> 
<html> 
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<title>jQuery Mobile Docs - Supported platforms</title> 
	<link rel="stylesheet"  href="../../themes/default/" /> 
	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
	<script src="../../js/jquery.js"></script>
	<script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
	<script src="../_assets/js/jqm-docs.js"></script>
	<script src="../../js/"></script>
</head> 
<body> 

<div data-role="page" class="type-interior">

	<div data-role="header" data-theme="f">
		<h1>Supported platforms</h1>
		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
	</div><!-- /header -->

	<div data-role="content">
		
		
			<div class="content-primary">
				<h2>Supported platforms in Beta 2</h2>

<p>At this stage, jQuery Mobile works on the vast majority of all modern desktop, smartphone, tablet, and e-reader platforms. In addition, feature phones and older browsers are also 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>

<p>Our <a href="http://jquerymobile.com/gbs/">graded support matrix</a> was created over a year ago based on our goals as a project and since that time, we've been refining our grading system based on real-world device testing and the quickly evolving mobile landscape. To provide a quick summary of our browser support in Beta 1, we've created a simple A (full), B (full minus Ajax), C (basic) grade system with notes of the actual devices and versions we've been testing on in our lab.</p>

<p>The visual fidelity of the experience is highly dependent on 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. We'll be adding additional vendor-prefixed CSS rules to bring transitions, gradients and other visual improvements to non-WebKit browsers in future releases so look for even more added visual polish as we move towards 1.0.</p>

<h3 style="display: block; font-size: 15px !important; font-weight: normal; background: #f0f0f0; border-left: 7px solid #74B64A; padding: 5px 0 5px 8px;"><strong> A-grade</strong> - Full enhanced experience with Ajax-based animated page transitions.</h3>
<ul>
	<li><strong>Apple iOS 3.2-5.0 beta</strong>: Tested on the original iPad (3.2 / 4.3), iPad 2 (4.3), original iPhone (3.1), iPhone 3 (3.2), 3GS (4.3), and 4 (4.3 / 5.0 beta)</li>
	<li><strong>Android 2.1-2.3</strong>: Tested on the HTC Incredible (2.2), original Droid (2.2), Nook Color (2.2), HTC Aria (2.1), Google Nexus S (2.3)  <span style="background: yellow; padding: 2px 5px; font-size: 10px;">NEW</span>. Functional on 1.5 &amp; 1.6 but performance may be sluggish, tested on Google G1 (1.5)</li>
	<li><strong>Android Honeycomb</strong> <span style="background: yellow; padding: 2px 5px; font-size: 10px;">NEW</span> - Tested on the Samsung Galaxy Tab 10.1</li>
	<li><strong>Windows Phone 7</strong>: Tested on the HTC 7 Surround</li>
	<li><strong>Blackberry 6.0</strong>: Tested on the Torch 9800 and Style 9670</li>
	<li><strong>Blackberry Playbook</strong>: Tested on PlayBook version 1.0.1 / 1.0.5</li>
	<li><strong>Palm WebOS (1.4-2.0)</strong>: Tested on the Palm Pixi (1.4), Pre (1.4), Pre 2 (2.0)</li>
	<li><strong>Palm WebOS 3.0</strong> <span style="background: yellow; padding: 2px 5px; font-size: 10px;">NEW</span> - Tested on HP TouchPad</li>
	<li><strong>Firebox Mobile (Beta)</strong>: Tested on Android 2.2</li>
	<li><strong>Opera Mobile 11.0</strong>: Tested on the iPhone 3GS and 4 (5.0/6.0), Android 2.2 (5.0/6.0), Windows Mobile 6.5 (5.0)</li>
	<li><strong>Kindle 3</strong>: Tested on the built-in WebKit browser included in the Kindle 3 device</li>
	<li><strong>Chrome <strong>Desktop </strong>11-13</strong> - Tested on OS X 10.6.7 and Windows 7</li>
	<li><strong>Firefox Desktop 3.6-4.0</strong> - Tested on OS X 10.6.7 and Windows 7</li>
	<li><strong>Internet Explorer 7-9</strong> - Tested on Windows XP, Vista and 7 (minor CSS issues)</li>
	<li><strong>Opera Desktop 10-11</strong> - Tested on OS X 10.6.7 and Windows 7</li>
</ul>
<h3 style="display: block; font-size: 15px !important; font-weight: normal; background: #f0f0f0; border-left: 7px solid #6699cc; padding: 5px 0 5px 8px;"><strong>B-grade</strong> - Enhanced experience except without Ajax navigation features.</h3>
<ul>
	<li><strong>Blackberry 5.0</strong>: Tested on the Storm 2 9550, Bold 9770</li>
	<li><strong>Opera Mini (5.0-6.0)</strong> - Tested on iOS 3.2/4.3</li>
	<li><strong>Windows Phone 6.5</strong> - Tested on the HTC</li>
	<li><strong>Nokia Symbian^3</strong> <span style="background: yellow; padding: 2px 5px; font-size: 10px;">NEW</span> - Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also works on N97 (Symbian^1)</li>
</ul>
<h3 style="display: block; font-size: 15px !important; font-weight: normal; background: #f0f0f0; 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>
<ul>
	<li><strong>Blackberry4.x</strong>: Tested on the Curve 8330</li>
	<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>
</ul>
<h3 style="display: block; font-size: 15px !important; font-weight: normal; background: #f0f0f0; border-left: 7px solid #aaaaaa; padding: 6px 0 8px 8px;"><strong>Not Officially Supported - </strong>May work, but haven't been thoroughly tested or debugged</h3>
<ul>
	<li><strong>Meego</strong> - Originally a target platform, but Nokia decision to relegate this platform to "experimental", we are considering dropping support.</li>
	<li><strong>Samsung Bada</strong> - The project doesn't currently have test devices or emulators, but current support is known to be fairly good. Support level undecided for 1.0.</li>
</ul>				
				
				
				
				</div>

				<div class="content-secondary">

					<div data-role="collapsible" data-collapsed="true" data-theme="b">

							<h3>More in this section</h3>

							<ul data-role="listview" data-theme="c" data-dividertheme="d">
								<li data-role="list-divider">Overview</li>
								<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
								<li><a href="../../docs/about/features.html">Features</a></li>
								<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
								<li data-theme="a"><a href="../../docs/about/platforms.html">Supported platforms</a></li>

						
							</ul>
					</div>
				</div>		

			</div><!-- /content -->

			<div data-role="footer" class="footer-docs" data-theme="c">
					<p>&copy; 2011 The jQuery Project</p>
			</div>				
			
	
</div><!-- /page -->

</body>
</html>
-												re-vamp of homepage and new /about/folder

											
										
										
											2010-10-14 21:22:38 +00:00
+								<!DOCTYPE html>
 								<html>
-												set utf-8

											
										
										
											2010-11-02 01:46:29 +00:00
+									<head>
-												Added  viewport meta elements to the markup of every template and removed the metaViewportContent option from code and docs. IE does not support generated viewport tags.

											
										
										
											2011-02-18 20:00:18 +00:00
+									<meta charset="utf-8">
-												Ya'll can scale your pages now. Fixes #1645. Note: we originally disabled user zooming to work around a bug in iOS that automatically zooms the page beyond the constraints of the viewport on orientation change. We are not working around this bug at all now, but you are free to include any meta tag you'd like, or better yet, consider this polyfill: http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/

											
										
										
											2011-05-17 21:28:19 +00:00
+									<meta name="viewport" content="width=device-width, initial-scale=1">
-												better page titles

											
										
										
											2011-03-31 13:11:26 +00:00
+									<title>jQuery Mobile Docs - Supported platforms</title>
-												Sweep through all files to add a trailing slash to <link> tags that include thems/default. This should fix Opera Mobile Issue 763.

											
										
										
											2011-01-06 00:19:24 +00:00
+									<link rel="stylesheet"  href="../../themes/default/" />
-												added demo css file ref to about

											
										
										
											2010-11-11 21:13:11 +00:00
+									<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-												been meaning to do this for a while.

											
										
										
											2011-04-14 20:04:47 +00:00
+									<script src="../../js/jquery.js"></script>
-												linked up js docs references properly

											
										
										
											2011-06-20 19:41:40 +00:00
+									<script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
 									<script src="../_assets/js/jqm-docs.js"></script>
-												been meaning to do this for a while.

											
										
										
											2011-04-14 20:04:47 +00:00
+									<script src="../../js/"></script>
-												re-vamp of homepage and new /about/folder

											
										
										
											2010-10-14 21:22:38 +00:00
+								</head>
 								<body>
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
+								<div data-role="page" class="type-interior">
-												re-vamp of homepage and new /about/folder

											
										
										
											2010-10-14 21:22:38 +00:00
-												more docs updates. moved to the green header, set default transition dynamically

											
										
										
											2011-06-20 19:17:05 +00:00
+									<div data-role="header" data-theme="f">
-												re-vamp of homepage and new /about/folder

											
										
										
											2010-10-14 21:22:38 +00:00
+										<h1>Supported platforms</h1>
-												home button fixes

											
										
										
											2011-02-03 23:34:35 +00:00
+										<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
-												re-vamp of homepage and new /about/folder

											
										
										
											2010-10-14 21:22:38 +00:00
+									</div><!-- /header -->
 									<div data-role="content">
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
 											<div class="content-primary">
-												Updated supported platforms, intro and features for beta 2 prep.

											
										
										
											2011-08-03 14:11:06 +00:00
+												<h2>Supported platforms in Beta 2</h2>
-												Re-vamped supported platform page to match the latest Beta 1 blog post. Added desktop browsers to the list.

											
										
										
											2011-06-20 17:04:18 +00:00
-												Updated supported platforms, intro and features for beta 2 prep.

											
										
										
											2011-08-03 14:11:06 +00:00
+								<p>At this stage, jQuery Mobile works on the vast majority of all modern desktop, smartphone, tablet, and e-reader platforms. In addition, feature phones and older browsers are also 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>
-												Re-vamped supported platform page to match the latest Beta 1 blog post. Added desktop browsers to the list.

											
										
										
											2011-06-20 17:04:18 +00:00
-												Updated supported platforms, intro and features for beta 2 prep.

											
										
										
											2011-08-03 14:11:06 +00:00
+								<p>Our <a href="http://jquerymobile.com/gbs/">graded support matrix</a> was created over a year ago based on our goals as a project and since that time, we've been refining our grading system based on real-world device testing and the quickly evolving mobile landscape. To provide a quick summary of our browser support in Beta 1, we've created a simple A (full), B (full minus Ajax), C (basic) grade system with notes of the actual devices and versions we've been testing on in our lab.</p>
-												Re-vamped supported platform page to match the latest Beta 1 blog post. Added desktop browsers to the list.

											
										
										
											2011-06-20 17:04:18 +00:00
-												Updated supported platforms, intro and features for beta 2 prep.

											
										
										
											2011-08-03 14:11:06 +00:00
+								<p>The visual fidelity of the experience is highly dependent on 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. We'll be adding additional vendor-prefixed CSS rules to bring transitions, gradients and other visual improvements to non-WebKit browsers in future releases so look for even more added visual polish as we move towards 1.0.</p>
-												A few tweaks to the supported patform page to add details.

											
										
										
											2011-06-20 18:55:39 +00:00
-												Updated supported platforms, intro and features for beta 2 prep.

											
										
										
											2011-08-03 14:11:06 +00:00
+								<h3 style="display: block; font-size: 15px !important; font-weight: normal; background: #f0f0f0; border-left: 7px solid #74B64A; padding: 5px 0 5px 8px;"><strong> A-grade</strong> - Full enhanced experience with Ajax-based animated page transitions.</h3>
-												Updated support platform list to match beta 1

											
										
										
											2011-06-17 22:40:54 +00:00
+								<ul>
 									<li><strong>Apple iOS 3.2-5.0 beta</strong>: Tested on the original iPad (3.2 / 4.3), iPad 2 (4.3), original iPhone (3.1), iPhone 3 (3.2), 3GS (4.3), and 4 (4.3 / 5.0 beta)</li>
-												Updated supported platforms, intro and features for beta 2 prep.

											
										
										
											2011-08-03 14:11:06 +00:00
+									<li><strong>Android 2.1-2.3</strong>: Tested on the HTC Incredible (2.2), original Droid (2.2), Nook Color (2.2), HTC Aria (2.1), Google Nexus S (2.3)  <span style="background: yellow; padding: 2px 5px; font-size: 10px;">NEW</span>. Functional on 1.5 &amp; 1.6 but performance may be sluggish, tested on Google G1 (1.5)</li>
 									<li><strong>Android Honeycomb</strong> <span style="background: yellow; padding: 2px 5px; font-size: 10px;">NEW</span> - Tested on the Samsung Galaxy Tab 10.1</li>
-												Updated support platform list to match beta 1

											
										
										
											2011-06-17 22:40:54 +00:00
+									<li><strong>Windows Phone 7</strong>: Tested on the HTC 7 Surround</li>
 									<li><strong>Blackberry 6.0</strong>: Tested on the Torch 9800 and Style 9670</li>
 									<li><strong>Blackberry Playbook</strong>: Tested on PlayBook version 1.0.1 / 1.0.5</li>
 									<li><strong>Palm WebOS (1.4-2.0)</strong>: Tested on the Palm Pixi (1.4), Pre (1.4), Pre 2 (2.0)</li>
-												Updated supported platforms, intro and features for beta 2 prep.

											
										
										
											2011-08-03 14:11:06 +00:00
+									<li><strong>Palm WebOS 3.0</strong> <span style="background: yellow; padding: 2px 5px; font-size: 10px;">NEW</span> - Tested on HP TouchPad</li>
-												Updated support platform list to match beta 1

											
										
										
											2011-06-17 22:40:54 +00:00
+									<li><strong>Firebox Mobile (Beta)</strong>: Tested on Android 2.2</li>
 									<li><strong>Opera Mobile 11.0</strong>: Tested on the iPhone 3GS and 4 (5.0/6.0), Android 2.2 (5.0/6.0), Windows Mobile 6.5 (5.0)</li>
-												Re-vamped supported platform page to match the latest Beta 1 blog post. Added desktop browsers to the list.

											
										
										
											2011-06-20 17:04:18 +00:00
+									<li><strong>Kindle 3</strong>: Tested on the built-in WebKit browser included in the Kindle 3 device</li>
 									<li><strong>Chrome <strong>Desktop </strong>11-13</strong> - Tested on OS X 10.6.7 and Windows 7</li>
 									<li><strong>Firefox Desktop 3.6-4.0</strong> - Tested on OS X 10.6.7 and Windows 7</li>
 									<li><strong>Internet Explorer 7-9</strong> - Tested on Windows XP, Vista and 7 (minor CSS issues)</li>
 									<li><strong>Opera Desktop 10-11</strong> - Tested on OS X 10.6.7 and Windows 7</li>
-												Updated support platform list to match beta 1

											
										
										
											2011-06-17 22:40:54 +00:00
+								</ul>
-												Updated supported platforms, intro and features for beta 2 prep.

											
										
										
											2011-08-03 14:11:06 +00:00
+								<h3 style="display: block; font-size: 15px !important; font-weight: normal; background: #f0f0f0; border-left: 7px solid #6699cc; padding: 5px 0 5px 8px;"><strong>B-grade</strong> - Enhanced experience except without Ajax navigation features.</h3>
-												Updated support platform list to match beta 1

											
										
										
											2011-06-17 22:40:54 +00:00
+								<ul>
 									<li><strong>Blackberry 5.0</strong>: Tested on the Storm 2 9550, Bold 9770</li>
 									<li><strong>Opera Mini (5.0-6.0)</strong> - Tested on iOS 3.2/4.3</li>
 									<li><strong>Windows Phone 6.5</strong> - Tested on the HTC</li>
-												Updated supported platforms, intro and features for beta 2 prep.

											
										
										
											2011-08-03 14:11:06 +00:00
+									<li><strong>Nokia Symbian^3</strong> <span style="background: yellow; padding: 2px 5px; font-size: 10px;">NEW</span> - Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also works on N97 (Symbian^1)</li>
-												Updated support platform list to match beta 1

											
										
										
											2011-06-17 22:40:54 +00:00
+								</ul>
-												Updated supported platforms, intro and features for beta 2 prep.

											
										
										
											2011-08-03 14:11:06 +00:00
+								<h3 style="display: block; font-size: 15px !important; font-weight: normal; background: #f0f0f0; 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>
-												Updated support platform list to match beta 1

											
										
										
											2011-06-17 22:40:54 +00:00
+								<ul>
 									<li><strong>Blackberry4.x</strong>: Tested on the Curve 8330</li>
 									<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>
 								</ul>
-												Updated supported platforms, intro and features for beta 2 prep.

											
										
										
											2011-08-03 14:11:06 +00:00
+								<h3 style="display: block; font-size: 15px !important; font-weight: normal; background: #f0f0f0; border-left: 7px solid #aaaaaa; padding: 6px 0 8px 8px;"><strong>Not Officially Supported - </strong>May work, but haven't been thoroughly tested or debugged</h3>
-												Updated support platform list to match beta 1

											
										
										
											2011-06-17 22:40:54 +00:00
+								<ul>
 									<li><strong>Meego</strong> - Originally a target platform, but Nokia decision to relegate this platform to "experimental", we are considering dropping support.</li>
 									<li><strong>Samsung Bada</strong> - The project doesn't currently have test devices or emulators, but current support is known to be fairly good. Support level undecided for 1.0.</li>
-												Updated supported platforms, intro and features for beta 2 prep.

											
										
										
											2011-08-03 14:11:06 +00:00
+								</ul>
-												re-vamp of homepage and new /about/folder

											
										
										
											2010-10-14 21:22:38 +00:00
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
 												</div>
 												<div class="content-secondary">
-												re-vamp of homepage and new /about/folder

											
										
										
											2010-10-14 21:22:38 +00:00
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
+													<div data-role="collapsible" data-collapsed="true" data-theme="b">
-												re-vamp of homepage and new /about/folder

											
										
										
											2010-10-14 21:22:38 +00:00
-												more updates to the docs markup. getting close!

											
										
										
											2011-06-20 22:23:09 +00:00
+															<h3>More in this section</h3>
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
-												more updates to docs

											
										
										
											2011-06-20 14:49:01 +00:00
+															<ul data-role="listview" data-theme="c" data-dividertheme="d">
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
+																<li data-role="list-divider">Overview</li>
 																<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
 																<li><a href="../../docs/about/features.html">Features</a></li>
 																<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
 																<li data-theme="a"><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-												more updates to docs

											
										
										
											2011-06-20 14:49:01 +00:00
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
+															</ul>
 													</div>
 												</div>
 											</div><!-- /content -->
 											<div data-role="footer" class="footer-docs" data-theme="c">
-												updated the footers in the new docs templates

											
										
										
											2011-06-20 22:50:52 +00:00
+													<p>&copy; 2011 The jQuery Project</p>
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
+											</div>
-												re-vamp of homepage and new /about/folder

											
										
										
											2010-10-14 21:22:38 +00:00
 								</div><!-- /page -->
 								</body>
-												Fixing a really small typo in "Current browser support" link at Alpha 4 post.

											
										
										
											2011-04-11 18:42:33 +00:00
+								</html>