スマホ版のウェブデザインをクリック一発で確認できるChrome拡張機能「MobileLayouter」

使い方はいたってシンプル。スマホ版のウェブデザインを確認したいページにアクセスし、右上のツールバーで確認したいスマホの端末をクリックするだけ↓↓ このようにサクッとスマホ用のページを見ることができます。↓↓ あとがき @isloopをフォローする かなり便利な拡張機能ではあるのですが弱点もあります。 まぁMobileLayouterが悪いわけじゃなくChrome自体の問題なのですが、ウィンドウの横幅が400px以上に小さくならないのですね。 したがってパーフェクトにiPhonenでのデザインを確認できないのがたまにキズではあります。（画面幅は320pxに出来ます。） まぁ、iPhone 6からどえらく画面が広くなるみたいですけど・・・。 あぁホントにデカクなるのかなぁ。Storyboardの分岐が増えてしまうがな・・・。ﾊﾅｼｿﾚﾀ 【関連】AutoPatchWork - 分割してるページ

[kasumidyaya]

＞「まぁMobileLayouterが悪いわけじゃなくChrome自体の問題なのですが、横幅が400px以上に小さくならないのですね。」　そんな時は、アドレスバーを伸ばして拡張機能のアイコンをたたむと262pxくらいまで縮められるのです

[poppun1940]

スマホ向けのサイトを制作中にどうやってデザインを確認していますか？ わざわざスマホの実機を起動して確認していませんか？ 実は、PC上でもサクッとスマホ用のウェブデザインを確認する方法があります。 それはChrome

[s99e209]

スマホサイト確認用のChrome拡張機能「MobileLayouter」。 UAを切替るとサイト幅320pxに固定されるのは便利。ウインドウ幅は広げたままでもokなのでデベロッパー・ツールが見やすいのも良い。

[ultimate-ez]

F12押す方が便利な気が。。。

[kazukazu0404]

いいやん。 確認してみよ