Web移动开发框架 jQuery Mobile 1.0 RC2 发布
fmms 13年前
jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。我们将尽全力去满足这样的需求。 <br /> <br /> <p>jQuery Mobile 1.0 发布了第二个候选版本,该版本修复了几十个 bug,包含了一些改进和优化。<br /> <br /> <strong>主要改进内容包括:</strong></p> <ul> <li>扩充支持HTML5数据、时间和颜色输入类型 <br /> <img title="Web移动开发框架 jQuery Mobile 1.0 RC2 发布" border="0" alt="Web移动开发框架 jQuery Mobile 1.0 RC2 发布" src="https://simg.open-open.com/show/b25ed3e8286a5d6560765c2832d071bc.png" width="439" height="447" /></li> <li>新增针对隐藏元素的辅助类,更容易使用 </li> <li>自定义选择:现在可以在控件组中使用 <br /> <img title="Web移动开发框架 jQuery Mobile 1.0 RC2 发布" border="0" alt="Web移动开发框架 jQuery Mobile 1.0 RC2 发布" src="https://simg.open-open.com/show/4e45de1c6baaae89c2625ff5c624b7d7.png" width="352" height="69" /></li> <li>对话框:增加一个最大宽度的选项 <br /> <img style="width:507px;height:322px;" title="Web移动开发框架 jQuery Mobile 1.0 RC2 发布" border="0" alt="Web移动开发框架 jQuery Mobile 1.0 RC2 发布" src="https://simg.open-open.com/show/8be8b0a8f46f3b1033754e498edd9b30.png" /></li> <li>改进了工具栏 </li> <li>Form元素:默认为100%宽度 </li> <li>Native touch溢出:默认关闭 </li> <li>新增了主题和结构样式表 </li> </ul> <p>详细信息请看发行说明:<br /> <a href="/misc/goto?guid=4958194792241076373" target="_blank">http://jquerymobile.com/blog/2011/10/19/jquery-mobile-1-0rc2-released/</a></p> <p>在正式版发布之前还有最后一个 RC 版将发布并进行广泛测试。</p> <h2 id="download">Download</h2> <p><strong>CDN-Hosted JavaScript:</strong></p> <ul> <li><a href="/misc/goto?guid=4958194793016599023">Uncompressed: jquery.mobile-1.0rc2.js</a> (useful for debugging)</li> <li><a href="/misc/goto?guid=4958194793760281014">Minified and Gzipped: jquery.mobile-1.0rc2.min.js</a> (24KB, ready to deploy)</li> </ul> <p><strong>CDN-Hosted CSS:</strong></p> <ul> <li><a href="/misc/goto?guid=4958194794500587727">Uncompressed with Default theme: jquery.mobile-1.0rc2.css</a> (useful for debugging)</li> <li><a href="/misc/goto?guid=4958194795232456331">Minified and Gzipped with Default theme: jquery.mobile-1.0rc2.min.css</a> (7KB, ready to deploy)</li> <li><a href="/misc/goto?guid=4958194795968996537">Uncompressed structure <strong>without a theme</strong>: jquery.mobile-1.0rc2.css</a> (useful for theme development)</li> <li><a href="/misc/goto?guid=4958194796700135158">Minified and Gzipped structure <strong>without a theme</strong>: jquery.mobile-1.0rc2.min.css</a> (6KB, ready to deploy)</li> </ul> <p><strong>Copy-and-Paste Snippet for CDN-hosted files (recommended):</strong></p> <pre style="line-height:155%;margin-bottom:2px;font-size:12px;"><link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.css" /> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script></pre> <p> </p> <p><strong>Microsoft CDN hosted jQuery Mobile files:</strong><br /> <a href="/misc/goto?guid=4958194797435159532">http://www.asp.net/ajaxLibrary/CDNjQueryMobile10rc2.ashx</a></p> <p><strong>ZIP File:<br /> </strong>If you want to host the files yourself you can download a zip of all the files:</p> <ul> <li><a href="/misc/goto?guid=4958194798173247186">Zip File: jquery.mobile-1.0rc2.zip</a> (JavaScript, CSS, and images)</li> </ul> <p><strong>Fork jQuery Mobile on GitHub</strong><br /> <a href="/misc/goto?guid=4958194798918202864">https://github.com/jquery/jquery-mobile</a></p> <h2 id="platforms">Platform support in 1.0 RC2</h2> <p>We’re excited to announce that as of 1.0 RC2, we’ve covered all our target platforms for the project. At this stage, we have 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> <p>Our <a href="/misc/goto?guid=4958194799659011154">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.</p> <h3 style="border-left:#74b64a 7px solid;padding-bottom:5px;padding-left:8px;padding-right:0px;display:block;background:#f0f0f0;font-size:15px !important;font-weight:normal;padding-top:5px;"><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). Functional on 1.5 & 1.6 but performance may be sluggish, tested on Google G1 (1.5)</li> <li><strong>Android Honeycomb</strong>- 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 7</strong> – Tested on BlackBerry® Torch 9810</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>– 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>Meego 1.2</strong> – Tested on Nokia 950</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="border-left:#6699cc 7px solid;padding-bottom:5px;padding-left:8px;padding-right:0px;display:block;background:#f0f0f0;font-size:15px !important;font-weight:normal;padding-top:5px;"><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>Nokia Symbian^3 </strong>- Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also works on N97 (Symbian^1)</li> </ul> <h3 style="border-left:#ffcc33 7px solid;padding-bottom:5px;padding-left:8px;padding-right:0px;display:block;background:#f0f0f0;font-size:15px !important;font-weight:normal;padding-top:5px;"><strong>C<strong>-grade</strong></strong> – Basic, non-enhanced HTML experience that is still functional</h3> <ul> <li><strong>Blackberry 4.x</strong> - Tested on the Curve 8330</li> <li><strong>Windows Mobile</strong> - Tested on the HTC Leo (WInMo 5.2)</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="border-left:#aaaaaa 7px solid;padding-bottom:8px;padding-left:8px;padding-right:0px;display:block;background:#f0f0f0;font-size:15px !important;font-weight:normal;padding-top:6px;"><strong>Not Officially Supported – </strong>May work, but haven’t been thoroughly tested or debugged</h3> <ul> <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> <p><a href="/misc/goto?guid=4958194800394094194" target="_blank"></a></p>