読者です 読者をやめる 読者になる 読者になる

スマホフレンドリーなコンテンツを作るために必須なPCの使い方。

f:id:foasij:20160611102950p:plain

 PCでスマホのUIを見る方法

記事の編集をしている時にスマホだったらどういうふうにうつるんだろう・・・
バイルフレンドリーアップデートって言うからにはスマホで対応した記事公開しないとだよなぁ…

と思うことが多々あるかと思います。

今回はそんなスマホ表示をGoogle Chrome出する方法を2つご紹介していきます。


①要素の検証(Chromeデベロッパー・ツール)でスマホ表示!!

1. ページ内で右クリックを行い、検証をクリック。
2. 右側の上にあるスマホっぽいボタンをクリック。
3. 左上のDeviceを使用しているデバイスに変更。
4. 更新をクリック

メリット  : 直ぐ出来ます。今このサイトでも出来ます。

バイスのサイズの調整が簡単。


デメリット : 作業がちょっと複雑。

htmlコードとか出てくるからビジネスサイドの精神衛生上あまり良くない。

 

 

 

②User Agent Switcher(アドオン)をダウンロード


1. ユーザーエージェントスイッチャーをダウンロードします。
2. 好きなデバイスを選択します。

メリット  : 一回一回の作業が簡単。
デメリット : デバイスのサイズを調整しなければいけないのでめっちゃ面倒です。

 

 

いかがでしたでしょうか

以上、2つの方法を使い分けて、スマホファーストなコンテンツを作成して頂ければ幸いです!!