パソコンでスマートフォンサイトの表示を確認する・Firefox

 シーサーブログのスマートフォンサイトをPCサイトの表示にしたら、出来ればスマートフォンでサイトそのものを見てみてほしい。

 が、管理人のように、普段スマートフォンでサイトを見ない人でもスマートフォンでの表示を確認する方法がある。

Firefoxでスマートフォンサイトを確認する

1、「ツール」「アドオン」⇒「UserAgentSwitcher」をインストール。

2、「ツール」⇒「DefaultUserAgent 」⇒iphonをクリック。

3、「ツール」⇒「web開発」⇒「レスポンシブデザインビュー」をクリック。

 2でiphonを選択した時点で、おおよその表示は見ることが出来るのだが、横幅などはPCでの表示になってしまう。

 レスポンシブデザインビューをクリックすると、横幅の選択が出来、リンク先の表示を見たりすることも出来るようになる。

PC表示に戻すには

 PCサイトの表示に戻す際は「ツール」⇒「DefaultUserAgent 」⇒リロード。

 または、「ツール」⇒iphon⇒「DefaultUserAgent 」⇒リロード。

 UserAgentSwitcherにはGoogleChromeバージョンもある

 ちなみに、UserAgentSwitcherにはGoogleChromeバージョンもある。

 また、AndroidOSの表示にすることも出来る。

UserAgentSwitcherでAndroidOSの表示を見れるようにする

1、「ツール」⇒「DefaultUserAgent 」⇒「Edit User Agent」

2、「New」⇒「New User Agent」。

3、「Description」に「Android」(別の名前でも良い)と記入。

4、「User Agent」に「Mozilla/5.0 (Linux; U; Android 4.0.1; ja-jp; Galaxy Nexus Build/ITL41D) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30」と記入。
*他のAndroidOSやOpera・Windows Phone・BlackBerryなどの表示を確認したい場合は、http://www.openspc2.org/userAgent/のなかから、「User Agent」に記入するものを選ぶ。

5、「OK」

おすすめ記事

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

WordPressの投稿の編集のテキストモード「code」は何?
WordPress月別アーカイブを横表示にしてフッターに配置してみた
レンタルサーバーミニバードの契約切れの対処
FC2ブログのテンプレートの中に、ナビゲーション(パンくずリスト)を入れ込む
文字の大きさが変えられないのは、スタイルシートのフォントサイズ指定の単位が問題
RSSボタンをスタイルシートで作ってみたよ
FC2ブログの全記事リストを表示する時のHTMLタグと注意点
ページタイトルの問題点と改善点を把握して訪問者を増やそう
WordPressコメントフォームのメールアドレス記入を必須項目からはずしてプラグインで注意事項を書き加えてみた
function.phpを含めたwordpressテーマの子テーマ化
FC2ブログの記事をWordPressにインストールする前に検索エンジンの重複ページペナルティ対策
テキストモードにクイックタグを追加-WordPress投稿の編集のカスタマイズ
外部サイトでも使うことのできる画像形式
Googleカスタム検索で自分のサイトへ戻るためのリンク設定をする
Googleアドセンスってなに?

Menu

HOME

 TOP