日々のコンピュータ情報の集積と整理

Dr.ウーパのコンピュータ備忘録

2015年1月7日水曜日

BloggerのPC/モバイル表示の切り替え管理方法が興味深い!

イントロダクション

Google のブログサービス「Blogger」で作成したブログのページの表示を、PC版とモバイル版で切り替える方法について、以下のページで解説しました。

Bloggerのモバイルページをパソコンから見る方法 - Dr.ウーパのコンピュータ備忘録
http://upa-pc.blogspot.jp/2014/12/blogger-view-mobile-page-from-pc.html


そこで、Blogger のブログの URL にクエリ文字列として、m=1 を付与することで、パソコンでもモバイル版のページを見れることを解説しました。

Blogger のブログをパソコンで見た場合 PC版の表示  URL:http://upa-pc.blogspot.jp/2015/01/new-years-card-word-photoshop.html
Blogger のブログをパソコンで見た場合
PC版の表示

URL:http://upa-pc.blogspot.jp/2015/01/new-years-card-word-photoshop.html

Blogger のブログをパソコンで見た場合 PC版の表示をモバイル版の表示に切り替え  URL:http://upa-pc.blogspot.jp/2015/01/new-years-card-word-photoshop.html?m=1
Blogger のブログをパソコンで見た場合
PC版の表示をモバイル版の表示に切り替え

URL:http://upa-pc.blogspot.jp/2015/01/new-years-card-word-photoshop.html?m=1


モバイル版の表示からPC版の表示に戻ると、クエリ文字列が m=0 になる

さて、実際に Blogger のブログの URL に ?m=1 を付与して、モバイル版の表示のページを見てみると、ページの下部に PC 版の表示に切り替えるための「ウェブ バージョンを表示」というリンクがあることが分かります。

Blogger のブログのモバイル版のページ モバイル版のページをPC版の表示に切り替えるための 「ウェブ バージョンを表示」というリンクがある
Blogger のブログのモバイル版のページ
モバイル版のページをPC版の表示に切り替えるための
「ウェブ バージョンを表示」というリンクがある


「ウェブ バージョンを表示」をクリックすると、現在表示しているページがモバイル版の表示から、PC版の表示に切り替わります

ここで、PC版の表示に切り替わった後の URL を見てみると、最初にPC版を表示したときの URL とは異なりクエリ文字列として、m=0 が付与されていることが分かります。

Blogger のブログページ モバイル版の表示からPC版の表示に切り替えた場合のURL クエリ文字列としてm=0が付与されている  URL:http://upa-pc.blogspot.jp/2015/01/new-years-card-word-photoshop.html?m=0
Blogger のブログページ
モバイル版の表示からPC版の表示に切り替えた場合のURL
クエリ文字列としてm=0が付与されている

URL:http://upa-pc.blogspot.jp/2015/01/new-years-card-word-photoshop.html?m=0


通常のPC版の表示と、クエリ文字列として m=0 が付与された場合のPC版の表示の違い

通常のPC版の表示と、クエリ文字列として m=0 が付与された場合のPC版の表示では異なる点がありました。

それは、ブログの投稿の下部にある「前の投稿・次の投稿」のナビゲーションの下に、モバイル バージョンを表示」というリンクがあることです。

Blogger のブログページ モバイル版の表示からPC版の表示に切り替えたもの  「前の投稿・次の投稿」のナビゲーションの下に、 「モバイル バージョンを表示」というリンクがある
Blogger のブログページ
モバイル版の表示からPC版の表示に切り替えたもの

「前の投稿・次の投稿」のナビゲーションの下に、
「モバイル バージョンを表示」というリンクがある

Blogger のブログページ 通常のPC版の表示  モバイル版の表示からPC版の表示に切り替えた時のような、 「モバイル バージョンを表示」というリンクはない
Blogger のブログページ
通常のPC版の表示

モバイル版の表示からPC版の表示に切り替えた時のような、
「モバイル バージョンを表示」というリンクはない


この「モバイル バージョンを表示」というリンクをクリックすると、URLのクエリ文字列のm=0がm=1となり、再びモバイル版の表示に切り替わります


ページ遷移まとめ

このPC版表示/モバイル版表示の遷移をまとめると、次のようになります。
                  

BloggerのPC版表示/モバイル版表示の遷移
BloggerのPC版表示/モバイル版表示の遷移


まとめ

このように、Blogger のブログでは、モバイル版の表示をPC版の表示に切り替えた場合には、PC版の表示から再びモバイル版の表示に戻すための手段が提供されていることが分かりました。


URLのクエリ文字列で、元々PC版の表示をしていたのか、モバイル版の表示からPC版の表示に切り替えたのか判断しているようです。


なかなか興味深い、PC版/モバイル版表示の管理方法です。






関連記事

関連記事を読み込み中...

同じラベルの記事を読み込み中...