行動裝置和SharePoint 2013 - 第2部分：裝置管道和SharePoint頁面模型

標籤：sharepoint   mobile   行動裝置   

部落格地址：http://blog.csdn.net/foxdave

原文地址

在該系列文章中，作者展示了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/

行動裝置和SharePoint 2013 - 第2部分：裝置管道和SharePoint頁面模型