博客地址: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/

移动设备和SharePoint 2013 - 第2部分:设备管道和SharePoint页面模型的更多相关文章

  1. SharePoint 2013 重命名网站集名称(SharePoint 2013 rename site collection)

    最近使用SharePoint中,遇到一个需要重命名网站集的需求,主要是网站用数据库备份/还原的方式,想要改网站集的地址,然后搜了一下PowerShell: $site = Get-SPSite -Id ...

  2. 移动设备和SharePoint 2013 - 第5部分:自定义应用

    博客地址:http://blog.csdn.net/foxdave 原文地址 在该系列文章中,作者展示了SharePoint 2013最显著的新功能概观--对移动设备的支持. 该系列文章: 移动设备和 ...

  3. SharePoint 2013 configure and publish infopth

    This article will simply descript how to configure and publish a InfoPath step by step. Note: To con ...

  4. SharePoint 2013 入门教程

    以下文章是自己在学习SharePoint的过程中,不断积累和总结的博文,现在总结一个目录,分享给大家.这个博客也是自己从SharePoint入门,到一个SharePoint开发的成长记录,里面记录的都 ...

  5. Integrating SharePoint 2013 with ADFS and Shibboleth

    Time again to attempt to implement that exciting technology, Federation Services (Web Single Sign On ...

  6. SharePoint 2013 入门教程之创建及修改母版页

    在SharePoint 2013中,微软提供了根据HTML页面转换Master页的方法,并支持单项同步,但是这样的更新,并不完善,会使一些功能造成丢失,所以,了解Master结构的人,尽量直接去修改M ...

  7. SharePoint 2013 搭建app本地开发环境

    使用SharePoint App,如果要通过应用程序目录分发 SharePoint 相关应用程序,如具有完全控制权限的 SharePoint 相关应用程序(无法部署到 Office 365 网站),则 ...

  8. SharePoint 2013 入门教程之入门手册

    当我们搭建完环境,创建应用程序和网站集后,就已经正式开启了我们的SharePoint之旅了,进入网站以后,开始基本的使用.设置,了解SharePoint相关特性,下面,来简单了解下SharePoint ...

  9. SharePoint 2013 工作流平台的选项不可用

    问题描述 当我想创建一个SharePoint 2013 工作流的时候,打开SharePoint 2013 Designer(一下简称SPD),发现没有SharePoint 2013 工作流的选项.原来 ...

  10. [转]Installing SharePoint 2013 on Windows Server 2012 R2

    转自:http://www.avivroth.com/2013/07/09/installing-sharepoint-2013-on-windows-server-2012-r2-preview/ ...

随机推荐

  1. 转!!常用的4种动态网页技术—CGI、ASP、JSP、PHP

    1.CGI   CGI(Common Gateway Interface,公用网关接口)是较早用来建立动态网页的技术.当客户端向Web服务器上指定的CGI程序发出请求时,Web服务器会启动一个新的进程 ...

  2. dom jaxp详解

    转自 http://blog.csdn.net/java958199586/article/details/7277904 一.XML解析技术概述 1.XML解析方式分为两种:dom和sax (1)d ...

  3. commonJS — 事件处理(for Event)

    for Event github: https://github.com/laixiangran/commonJS/blob/master/src/forEvent.js 代码 (function(w ...

  4. ogre入门笔记

    ogre作为一款开源的非商业渲染引擎, 除去效率不谈, 其设计结构十分优雅, 值得游戏从业者拥有和学习.本篇笔记基于ogre v1.9. 1.代码模块 ogre的核心代码分布如下图: ogreMain ...

  5. Form1和Form2的交互

    比如在第二个窗体中操作第一个窗体中的TreeView,动态添加节点和子节点. ------回答--------- ------其他回答(20分)--------- 尽量不要这样做.控件,窗体,你在.n ...

  6. css归纳

    css文本框与按钮不对齐解决方案: 文字要包含在label标签中,并设置行高,否则文字会与文本框的顶 端对齐:文本框要设置vertical-align:middle;否则文本框与button顶端对齐: ...

  7. 转:怎样在VMware ESXi上 克隆虚拟机

    Cloning virtual machines on VMware ESXi 翻译自http://www.dedoimedo.com/computers/vmware-esxi-clone-mach ...

  8. 函数调用导致堆栈不对称。原因可能是托管的 PInvoke 签名与非托管的目标签名不匹配。

    在dllimport中加入CallingConvention参数就行了,[DllImport(PCAP_DLL, CharSet = CharSet.Auto, CallingConvention = ...

  9. ios基础篇(十)——UINavgationController的使用(一)UIBarButtonItem的添加

    UINavigationController又被成为导航控制器,继承自UIViewController,以栈的方式管理所控制的视图控制器,下面就详细说一下UINavigationController的 ...

  10. java并发带返回结果的批量任务执行

    转载:http://www.it165.net/pro/html/201405/14551.html 一般情况下,我们使用Runnable作为基本的任务表示形式,但是Runnable是一种有很大局限的 ...