Asp.net MVC添加移动支持
一、使用 NuGet,安装 jQuery.Mobile.MVC 软件包,使用软件包管理器控制台输入:
install-package jQuery.Mobile.MVC
此软件包会自动带来jQuery Mobile以及:
1、ViewSwitcher 的局部视图和辅助控制器,它促使我们手动切换桌面和移动
2、一个基本的 _Layout.Mobile.cshtml ,支持样式表
3、使用 ASP.NET 优化的(CSS 和 JS 捆绑程序) BundleMobileConfig.cs
注:JQuery Mobile的 ViewSwitcher 和这里的其他技术相比,没有什么特别的。令人高兴的是,您可以为任何其他流行的移动框架更改此程序包。
二、项目中做以下两点修改
1、在 Global.asax 中添加新的捆绑包:
BundleConfig.RegisterBundles(BundleTable.Bundles);
BundleMobileConfig.RegisterBundles(BundleTable.Bundles); // <-- ADD THIS ONE
2、在移动设备上将使用 _Layout.mobile.cshtml,而不是使用 _Layout.cshtml。
桌面显示用:Index.cshtml。
一、使用 NuGet,安装 jQuery.Mobile.MVC 软件包,使用软件包管理器控制台输入:
install-package jQuery.Mobile.MVC
此软件包会自动带来jQuery Mobile以及:
1、ViewSwitcher 的局部视图和辅助控制器,它促使我们手动切换桌面和移动
2、一个基本的 _Layout.Mobile.cshtml ,支持样式表
3、使用 ASP.NET 优化的(CSS 和 JS 捆绑程序) BundleMobileConfig.cs
注:JQuery Mobile的 ViewSwitcher 和这里的其他技术相比,没有什么特别的。令人高兴的是,您可以为任何其他流行的移动框架更改此程序包。
二、项目中做以下两点修改
1、在 Global.asax 中添加新的捆绑包:
BundleConfig.RegisterBundles(BundleTable.Bundles);
BundleMobileConfig.RegisterBundles(BundleTable.Bundles); // <-- ADD THIS ONE
2、在移动设备上将使用 _Layout.mobile.cshtml,而不是使用 _Layout.cshtml。
桌面显示用:Index.cshtml。
添加一个 Index.mobile.cshtml,当呈现在移动设备上时,系统将改用该页面。
本调试在Visual Studio 2015中通过。