モバイル デバイスと SharePoint 2013

元のアドレス

この一連の記事では、著者は SharePoint 2013 の最も重要な新機能であるモバイル デバイスのサポートの概要を示します。

このシリーズの記事:

モバイル デバイスと SharePoint 2013 - パート 1: 概要

モバイル デバイスと SharePoint 2013 - パート 2: デバイス パイプラインと SharePoint ページ モデル

デバイス チャネル

現在ウェブサイトを閲覧していますSharePoint Web サイトは、スマートフォンやタブレットなどの他のモバイル デバイスでも読みやすく、使いやすいものでなければなりません。

SharePoint の以前のバージョンでは、SharePoint は既存の Web サイトに基づいて単一のデフォルトのモバイル ビューを自動的に生成していましたが、デフォルトのモバイル ビューをカスタマイズするのは簡単ではありませんでした。 SharePoint 2013 のデバイス チャネルを使用すると、単一の発行サイトに基づいてさまざまなデバイスにさまざまなデザインを使用できるようになりました。

Web サイトを作成し、コンテンツを一度作成すると、その Web サイトとコンテンツを、特定のデバイスで使用するためにさまざまなマスター ページ、ページ レイアウト、スタイル シートにマッピングできます。

制限事項:

この機能は、発行 Web サイトでのみ使用できます。

各サイト コレクションには 10 個のデバイス チャネルがあります。

デバイス チャネルごとに 150 のルールが含まれます。

SharePoint 2013 は、モバイル開発用に最適化された Web サイトを公開します。デバイス チャネル機能を使用して 1 つ以上のデバイスのチャネルを定義すると、ユーザーがサイトをどのように体験するかをより正確に制御できます。

各チャンネルにインタラクティブなマスター ページを指定して、固有のクロムを与えることができます (注: クロムはその意味をよく理解していません)。ページ レイアウトの一部を含めるか除外するかを選択して、開発中のモバイル チャネル設計の進捗状況をプレビューできます。デバイス チャネルは検索エンジン最適化 (SEO) されています。

これらを使用して、モバイル シナリオをサポートするために既存のページの外観を変更することができます。また、チャネルを使用して、特定のレンダリングを特定のデバイスに強制的に表示することもできます (強制チャネル)。これは、特定のモバイル デバイスのレンダリング出力を定義する場合に便利です。

モバイル フォールバック デバイス チャネル

すべてのモバイル デバイスをターゲットにする場合は、「デバイス包含ロール」として次の文字列を挿入できます:

$FALLBACKMOBILEUSERAGENTS;

デバイスがモバイルとして認識されるかどうかは、

HttpContext.Current.Request.Browser.IsMobileDevice

によって決まります

プロパティはWEB アプリケーション内の

rrree

ファイルによって駆動されます。詳細については、MSDN の記事「ブラウザ定義ファイル スキーマ (browsers 要素)」を参照してください。

デバイス チャネルの設定方法

1. デザイン マネージャーを開きます

3. デバイス チャネルを編集します

4.

5. マスター ページを指定します

6. Web サイトのマスター ページ設定

デバイス チャネル パネル

デバイス チャネル パネルは新しいコントロールです。どのチャネル出力を制御するためにページに含めることができます。一種のコンテンツ。

これは 1 つ以上のチャネルにマップされたコンテナです。ページがレンダリングされるときに 1 つ以上のチャネルがアクティブ化されると、デバイス チャネル パネルのすべてのコンテンツがレンダリングされます。これは、特定のチャンネルに特定のコンテンツがいつ含まれるかを判断するのに役立ちます。

作者は元の記事でまだいくつかのバグがあると述べていますが、これはプレビュー版に基づいているため、現在は修正されている可能性があります。

モバイルパネル

デバイスチャンネルを作成した後、パネルを移動してこのチャンネルをポイントすることもできます。

.browser

「IncludeChannels」と呼ばれるプロパティを使用すると、ユーザーはパネルが指すチャンネルを指定できます (カンマで区切って) 複数のチャンネルを指定できます。クエリ パラメーター ?DeviceChannel=deviceChannelAlias

を追加してページにアクセスすると、どのように表示されるかをテストできます。 http://domain.com/pages/default.aspx?DeviceChannel=iPad3 など。

同様に、作者はこれにもいくつかのバグがあると述べました。
詳しい資料

デバイス チャネルとチャネル パネルについて読みました。SharePoint サイトを設計する前に、SharePoint サイトとページがどのように組み合わされるかを理解する必要があります。 . 基本的な理解を持ってください。この記事では、Web サイトのデザインについて視覚的に概要を説明します。

出典: 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 -sharepoint のモバイルパネル-2013/