如何通过NuGet集成jQuery Mobile提升网站移动端兼容性？

本文共计2477个文字，预计阅读时间需要10分钟。

问题+默认情况下，您的网站在移动设备上展现的可能不太理想。虽然有的移动设备足以让您的网站在上面显示，但这也不是稳定的解决方案。可能您不希望为移动电话创建一个全新的网站，但可以考虑成为一个全新的网站。

问题

默认情况下，你的网站在移动设备上展现的可能不太好。当然，有的移动设备足够让你的网站在它上显示。但是这也不是稳妥的。可能你不希望为移动电话创建一个全新的网站，成本太高。

解决方案

使用jQuery mobile NuGet包，改变共享的布局和视图，并使你的网站在传统的浏览器和大部分手机展现的都很好。

讨论

首先，如果你一直在阅读关于4 MVC的路线图，你会注意到很多讨论是围绕着移动的增强。特别的是，在这个例子中我们将使用jQuery mobile工具箱。

不幸的是，如很多事情表明这将是MVC中的4中的内容，在这个告诉我们还为时过早。与其“等待”我们不如提供一个非常简单的解决方案，需要最小的努力来维护移动Web应用程序和一个普通的Web应用程序。此外，Windows8很快出来，它在桌面上支持HTML5 Web应用程序，它也将是一个桌面应用程序。

提示：维护同一网站的多个版本带来风向和额外的时间要求。每次添加新的功能，
你必须首先测试在多种环境的新功能，在多种环境做回归测试。此外，仅仅是因为
这被认为是“简单”并不意味着它不需要动脑筋：必须给花费很多心思来组织页面的结构，以确保它的建成尽可能最好的两个主要平台：台式机浏览器和移动浏览器。

作为开始，我们需要从NuGet package manager 安装JQuery Mobile 包。选Online，再右边搜索框里输入JQueryMobile。

在这之前，我们要注意的是，当前版本的MVC3 默认包括的是1.5X版本的JQuery 。当前最新版本的是JQuery1.7x。所以必须更新Jquery的版本。