2KB项目,专业的源码交易网站 帮助 收藏 每日签到

ASP.NET MVC 4 Mobile 引见

  • 时间:2019-03-19 00:28 编辑:2KB 来源:2KB.COM 阅读:408
  • 扫一扫,手机访问
  • 分享
摘要:
ASP.NET MVC 英文原文: Introduction to ASP.NET MVC 4 Mobile

这篇文章我们将引见 ASP.NET MVC 的Mobile特征。

你需求先 装置 ASP.NET MVC 4

如今Start。

Step 1: 创立 ASP.NET MVC 4 Web 使用项目

ASP.NET MVC 4 Mobile

Step 2:  选择项目模板,然后选择 ASPX 或 Razor 作为视图引擎,这里选择 ASPX。

Step 2: 选择项目模板,然后选择 ASPX 或 Razor 作为视图引擎,这里选择 ASPX。

Step 3: 然后编译并在分歧装备上运转使用,你将留意到结构是交互的。

Step 4: 没法在分歧的装备长进行测试,需求下载 FireFox User Agent Switcher

要获得完好的 Agent Switcher 支撑的装备列表,进入 Tools -> Default User Agent -> User Agent Switcher -> Options

ASP.NET MV 4 Mobile User Agent Switcher

点击 Options, 然后你将看到一切的选项

FireFox Agent Switcher

点击 Import 并粘贴下面的 xml 文件 URL 地址,然后点击 OK。

http://techpatterns.com/downloads/firefox/useragentswitcher.xml

你将失掉一切的 User Agent Switcher 列表,如今你可以在分歧操纵系统、装备和阅读器上测试了。

Step 5: 睁开 Views 文件夹,假如你选择了 Razor 作为引擎你看到的是 .cshtml 文件,假如选择的是 ASPX ,看到的是 .aspx 文件。

ASP.NET MVC 4 - View Engine Mobile

上图是你选择 Razor 或许 ASPX 的差别。

Step 6: 如今翻开 Scripts 文件夹,你会发明 jquery.mobile-1.0.js 和 jquery.mobile-1.0.min.js.

ASP.NET MVC 4 - jQuery Mobile

所运用的 jQuery Mobile 版本是 1.0,今朝最新的是 1.0 ,你可自行下载并交换。

Step 7: 翻开 _Layout.cshtml 或许 Site.master

<!DOCTYPE html>

<meta charset="utf-8" />

这里用的是 HTML5

下一项需求看的是

<meta name="viewport" content="width=device-width" />

这个节点的意思是让页面自适应屏幕宽度,你也能够设置实践宽度和高度和缩放级别。

初始的缩放级别应当是 1 .

<meta name="viewport" content="width=device-width, initial-scale=1"/>

Step 8: 如今继续看 _Layout.cshtml.

@Styles.Render("~/Content/mobileCss", "~/Content/css")
@Scripts.Render("~/bundles/modernizr")

@Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile")
@RenderSection("scripts", required: false)

And Site.Master will contain below lines.

<%: Styles.Render("~/Content/mobileCss", "~/Content/css") %>
<%: Scripts.Render("~/bundles/modernizr") %>

<%: Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile") %>


上面几行加载 css 和 js 文件,这些文件在 BundleConfig.cs 中指定

ASP.NET MVC 4 Mobile BundleConfig

BundleConfig.cs is 代码大约以下:

ASP.NET MVC 4 Structure

本文中的一切译文仅用于进修和交换目标,转载请务必注明文章译者、出处、和本文链接。 2KB翻译任务按照 CC 协议,假如我们的任务有进犯到您的权益,请实时联络我们。


2KB项目(www.2kb.com,源码交易平台),提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务

  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【计算机/互联网|】Nginx出现502错误(2020-01-20 21:02)
【计算机/互联网|】网站运营全智能软手V0.1版发布(2020-01-20 12:16)
【计算机/互联网|】淘宝这是怎么了?(2020-01-19 19:15)
【行业动态|】谷歌关闭小米智能摄像头,因为窃听器显示了陌生人家中的照片(2020-01-15 09:42)
【行业动态|】据报道谷歌新闻终止了数字杂志,退还主动订阅(2020-01-15 09:39)
【行业动态|】康佳将OLED电视带到美国与LG和索尼竞争(2020-01-15 09:38)
【行业动态|】2020年最佳AV接收机(2020-01-15 09:35)
【行业动态|】2020年最佳流媒体设备:Roku,Apple TV,Firebar,Chromecast等(2020-01-15 09:31)
【行业动态|】CES 2020预览:更多的流媒体服务和订阅即将到来(2020-01-08 21:41)
【行业动态|】从埃隆·马斯克到杰夫·贝佐斯,这30位人物定义了2010年代(2020-01-01 15:14)
联系我们

Q Q: 7090832

电话:400-0011-990

邮箱:7090832@qq.com

时间:9:00-23:00

联系客服
商家入住 服务咨询 投拆建议 联系客服
0577-67068160
手机版

扫一扫进手机版
返回顶部