Blog:web

スマホ用サイトの確認をChromeで。

スマホ用のサイトを作るたびに、iphoneで確認していましたが、この作業が意外に手間。
しかも教室でスマホを片手に確認していると、なんだか遊んでいるように思われないかと心ぐるしいこともしばしば。

そこでChromeに、「MobileLayouter」という拡張機能をいれて、パソコンで確認作業することにしました。

まず、Chromeでこちらをクリックして、Chromeウェブストアにいきます。

MobileLayouter

右上の「+無料」を押すだけで、Chromeに「MobileLayouter」を入れて拡張することができます。

拡張できれば、アイコンが追加されます。 赤い囲みがそれです。

クローム拡張アイコン

ちなみに、そのままYAHOO!を表示してみると、こんな感じですが、

yahoo

右上の「MobileLayouter」アイコンを押すと、このようなメニューがでてきます。
iphone用表示と、ipad、Android用に切り替えができるようです。

MobileLayouter メニュー

iphone用(ios)を押すと・・・

yahooスマホ表示

たしかにiphone用表示に。
少し手間が省けそうです。(*^^)v

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    Good Site&Blog

    アーカイブ

line@
ワンズFACEBOOKはこちら

パソコン教室の更新情報青い建物が目印!