zoukankan      html  css  js  c++  java
  • 移动设备和SharePoint 2013

    博客地址:http://blog.csdn.net/foxdave

    原文地址

    在该系列文章中,作者展示了SharePoint 2013最显著的新功能概观——对移动设备的支持。
    该系列文章:

    设备通道

    现如今在移动设备上浏览网站太平常了,SharePoint网站应该在智能手机和其他如平板等移动设备上具有高可读性和易用性。

    在SharePoint之前的版本中,SharePoint基于已存在的网站自动生成了单一的默认手机视图,默认的手机视图并不容易定制。现在,应用SharePoint 2013中的设备通道,你可以基于一个单一的发布网站为不同的设备使用不同的设计。

    创建一个网站,创作一次内容,之后网站和内容可以映射到不同的母版页、页面布局和样式表,为特定的设备使用。

    限制:

    该功能只在发布网站可用。

    每个网站集有10个设备通道。

    每个设备通道包含150条规则。

    SharePoint 2013的发布网站优化了移动开发。你可以使用设备通道功能来为一个或多个设备定义通道——使你能更精确地控制用户如何体验你的网站。

    你可以为每个通道指定一个交互式母版页,赋予唯一的chrome(注:chrome没太理解是什么意思)。你可以选择包含或者不包含一部分页面布局,预览正在开发的移动通道设计进展。设备通道是搜索引擎优化的(SEO)。

    你可以使用他们来改变现有页面的外观来支持移动场景,你可以使用通道来强制特定的效果图出现在特定的设备上——强制通道。这在当你为指定的移动设备定义渲染输出时很有用。

    移动后备设备通道

    如果你的目标为所有移动设备,那么你可以将下面的字符串作为“Device Inclusion Role”插入:

    $FALLBACKMOBILEUSERAGENTS;

    设备是否被识别为移动设备取决于

    HttpContext.Current.Request.Browser.IsMobileDevice

    属性被你的WEB应用程序中的

    .browser

    文件驱动。更多信息参阅MSDN的文章浏览器定义文件架构(browsers 元素)

    如何配置设备通道

    一. 打开设计管理器

    二. 创建新的设备通道

    三. 编辑设备通道

    四. 保存设备通道

    五. 指定母版页

    六. 网站母版页设置

    设备通道面板

    设备通道面板是一个新的控件,你可以将它包含在页面中来控制哪个通道输出什么样的内容。

    它是映射到一个或多个通道的容器:当一个或多个通道在页面渲染时被激活时,设备通道面板的所有内容都会被渲染。这帮助你决定特定的通道在何时包含特定的内容。

    原文中作者提到还有一些bug,但依据的是预览版,现在或许已经修复了。

    移动面板

    创建了设备通道之后,你也可以通过移动面板指向这个通道。

    <Publishing:MobilePanel runat="server" IncludedChannels="iPad3">
     <div>This content will only be shown on an iPad 3. Cool!</div>
     </Publishing:MobilePanel>
    一个叫做“IncludeChannels”的属性允许用户指定面板指向哪个通道,你可以指定多个通道(用逗号隔开)。你可以通过访问添加了查询参数?DeviceChannel=deviceChannelAlias的页面来测试它的外观。如http://domain.com/pages/default.aspx?DeviceChannel=iPad3。

    同样地,作者说它也有一些bug

    延伸阅读

    现在你已经读了设备通道和通道面板,也请阅读SharePoint 2013 页面模型概述,在你设计一个SharePoint网站之前,你需要对SharePoint的网站和页面是如何组合在一起的有一个基本的了解。这篇文章为你设计你的网站提供了一些可视化概述参考。


    源:https://technet.microsoft.com/zh-cn/library/fp161351(v=office.15)

           http://blog.mastykarz.nl/device-channels-sharepoint-2013/

           http://blogs.perficient.com/microsoft/2012/07/mobility-in-sharepoint-2013-device-channels/

           http://blogs.perficient.com/microsoft/2012/07/mobility-mobile-panels-in-sharepoint-2013/

  • 相关阅读:
    <frame>、<iframe>、<embed>、<object> 和 <applet>
    xss攻击
    回流 和 重绘
    defer 和 async 的区别
    从输入URL到浏览页面的过程
    webkit vs v8
    缓存
    LeetCode
    LeetCode
    LeetCode
  • 原文地址:https://www.cnblogs.com/justinliu/p/5961639.html
Copyright © 2011-2022 走看看