搜索
首页web前端html教程移动设备和SharePoint 2013

原文地址

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

该系列文章:

移动设备和SharePoint 2013 - 第1部分:概述

移动设备和SharePoint 2013 - 第2部分:设备管道和SharePoint页面模型


Device Channels

现如今在移动设备上浏览网站太平常了,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/

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
了解HTML,CSS和JavaScript:初学者指南了解HTML,CSS和JavaScript:初学者指南Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML的角色:构建Web内容HTML的角色:构建Web内容Apr 11, 2025 am 12:12 AM

HTML的作用是通过标签和属性定义网页的结构和内容。1.HTML通过到、等标签组织内容,使其易于阅读和理解。2.使用语义化标签如、等增强可访问性和SEO。3.优化HTML代码可以提高网页加载速度和用户体验。

HTML和代码:仔细观察术语HTML和代码:仔细观察术语Apr 10, 2025 am 09:28 AM

htmlisaspecifictypefodyfocusedonstructuringwebcontent,而“代码” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1)htmldefineswebpagertuctureduseTags.2)“代码”代码“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract

HTML,CSS和JavaScript:Web开发人员的基本工具HTML,CSS和JavaScript:Web开发人员的基本工具Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构,使用标签如、等。2.CSS控制网页样式,使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互,通过事件监听和DOM操作。

HTML,CSS和JavaScript的角色:核心职责HTML,CSS和JavaScript的角色:核心职责Apr 08, 2025 pm 07:05 PM

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

HTML容易为初学者学习吗?HTML容易为初学者学习吗?Apr 07, 2025 am 12:11 AM

HTML适合初学者学习,因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓,易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高,可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML中起始标签的示例是什么?HTML中起始标签的示例是什么?Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

如何利用CSS的Flexbox布局实现菜单中虚线分割效果的居中对齐?如何利用CSS的Flexbox布局实现菜单中虚线分割效果的居中对齐?Apr 05, 2025 pm 01:24 PM

如何设计菜单中的虚线分割效果?在设计菜单时,菜名和价格的左右对齐通常不难实现,但中间的虚线或点如何...

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
4 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版