移动设备和SharePoint 2013 - 第2部分:设备管道和SharePoint页面模型
博客地址:http://blog.csdn.net/foxdave
移动设备和SharePoint 2013 - 第3部分:推送通知
现如今在移动设备上浏览网站太平常了,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页面模型的更多相关文章
- SharePoint 2013 重命名网站集名称(SharePoint 2013 rename site collection)
最近使用SharePoint中,遇到一个需要重命名网站集的需求,主要是网站用数据库备份/还原的方式,想要改网站集的地址,然后搜了一下PowerShell: $site = Get-SPSite -Id ...
- 移动设备和SharePoint 2013 - 第5部分:自定义应用
博客地址:http://blog.csdn.net/foxdave 原文地址 在该系列文章中,作者展示了SharePoint 2013最显著的新功能概观--对移动设备的支持. 该系列文章: 移动设备和 ...
- SharePoint 2013 configure and publish infopth
This article will simply descript how to configure and publish a InfoPath step by step. Note: To con ...
- SharePoint 2013 入门教程
以下文章是自己在学习SharePoint的过程中,不断积累和总结的博文,现在总结一个目录,分享给大家.这个博客也是自己从SharePoint入门,到一个SharePoint开发的成长记录,里面记录的都 ...
- Integrating SharePoint 2013 with ADFS and Shibboleth
Time again to attempt to implement that exciting technology, Federation Services (Web Single Sign On ...
- SharePoint 2013 入门教程之创建及修改母版页
在SharePoint 2013中,微软提供了根据HTML页面转换Master页的方法,并支持单项同步,但是这样的更新,并不完善,会使一些功能造成丢失,所以,了解Master结构的人,尽量直接去修改M ...
- SharePoint 2013 搭建app本地开发环境
使用SharePoint App,如果要通过应用程序目录分发 SharePoint 相关应用程序,如具有完全控制权限的 SharePoint 相关应用程序(无法部署到 Office 365 网站),则 ...
- SharePoint 2013 入门教程之入门手册
当我们搭建完环境,创建应用程序和网站集后,就已经正式开启了我们的SharePoint之旅了,进入网站以后,开始基本的使用.设置,了解SharePoint相关特性,下面,来简单了解下SharePoint ...
- SharePoint 2013 工作流平台的选项不可用
问题描述 当我想创建一个SharePoint 2013 工作流的时候,打开SharePoint 2013 Designer(一下简称SPD),发现没有SharePoint 2013 工作流的选项.原来 ...
- [转]Installing SharePoint 2013 on Windows Server 2012 R2
转自:http://www.avivroth.com/2013/07/09/installing-sharepoint-2013-on-windows-server-2012-r2-preview/ ...
随机推荐
- Mybatis关联查询,查询出的记录数量与数据库直接查询不一致,如何解决?
<select id="findUserInfoListForMap" resultMap="BaseResultMap"> SELECT ...
- 20160805_CentOS6_键盘快捷键
1. 系统 -->首选项 --> 键盘快捷键 2. 3.
- listview定位到上次显示的位置
整体思路:滑动lictview时,记录listview的位置,定位时定位到该位置. 1.添加全局变量 private int scrolledX = 0; private int scrolledY ...
- 游戏引擎/GUI的设计与实现-常见GUI架构
以X Window为代表的客户/服务器架构. X Window通常是指X服务器及封装了通信协议的客户端库.服务器端主要负责输入事件的分发,窗口层次的管理,以及显示输出的处理,其它功能基本上都是在客户端 ...
- innodb_fast_shutdown中值为1或者2的区别是?
innodb_fast_shutdown=0 , 1 , 2时的意思分别是 0 把buffer pool中的脏页刷到磁盘和合并insert buffer,当然包括redo log也会写到磁盘中. 2 ...
- eclipse 中发布 maven 项目到 tomcat
第一步:在 eclipse 中 右键 你的项目 Run as --> Maven build...--> Goals: 输入 install run 第二步:在 eclipse 中 ...
- sass less
CSS 预处理器技术已经非常的成熟,而且也涌现出了越来越多的 CSS 的预处理器框架.本文向你介绍使用最为普遍的三款 CSS 预处理器框架,分别是 Sass.Less CSS.Stylus. 首先我们 ...
- bootstrap--input框选择日期
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- jmeter笔记3
1. 使用JMeter做性能测试(Windows) 1.1. 启动JMeter 下载JMeter的安装包,点击安装包\jakarta-jmeter-2.3RC4\bin下的jmeter.bat文件即 ...
- 纯css3代码写无缝滚动效果
主要用到css3中的动画 @keyframes, animation. 布局是外层一个div宽固定,然后overflow hidden 绝对定位,里面的ul 固定定位.通过对ul添加动画来实现效果.具 ...