我们正在开发桌面设备,平板电脑和移动设备的应用程序目标。有三个不同的页面/ UI来支持不同的设备是否值得?
有人提到像MVC 4.0有交叉平台(设备)支持,我可以编写可以被所有设备查看的单页/解决方案吗?所以mvc4.0真的解决了这个问题。如果是这样我在哪里可以找到更多相关信息?
从官方网页:
如果桌面浏览器请求主页,则应用程序可能会使用Views\Home\Index.cshtml
模板。如果移动浏览器请求主页,则应用程序可能会返回Views\Home\Index.mobile.cshtml
模板。
我真的应该为不同的设备编写不同的cshtml吗?
默认项目模板的增强功能: - 除了外观改进之外,新模板中的功能也得到了改进。该模板采用了一种称为自适应渲染的技术,在桌面浏览器和移动浏览器中都没有任何自定义功能。
上面说的有些不同。
答案 0 :(得分:1)
如果您想定位多个设备,您可以做的最好的事情之一就是使用Progressive Enhancement和Responsive Design主体。
这适用于任何网络框架,因为它使用javascript和css根据浏览器的维度和功能显示您的网站。
渐进增强是强调网页设计的策略 可访问性,语义HTML标记和外部样式表和 脚本技术。渐进增强使用Web技术 以分层的方式,允许每个人访问基本内容 和网页的功能,使用任何浏览器或Internet 连接,同时还提供页面的增强版本 那些拥有更高级浏览器软件或更好带宽的人。
响应式网页设计(RWD)基本上表示网站是 精心设计使用层叠样式表3媒体查询,扩展 @media规则,基于流体比例的网格,以适应 布局到观看环境,也可能使用灵活 图片。因此,用户可以使用各种设备 并且浏览器可以访问单个内容源 以便在最小化调整大小的情况下轻松阅读和导航, 平移和滚动。
答案 1 :(得分:1)
检查一下。
http://www.asp.net/mvc/tutorials/mvc-4/aspnet-mvc-4-mobile-features
MVC4似乎将内置用户代理检查程序,并允许您同时拥有自动切换的桌面和移动视图。