PCからスマホのサイトを確認するのに便利なChrome拡張「smartphone simulator」

投稿日と更新日

スクリーンショット 2015-09-03 15.31.35

PCからスマホのサイトを確認するのに便利なChrome拡張「smartphone simulator」

これは、便利です。スマートフォーンのサイトを編集するのがめんどくさかったぼくも簡単に編集できるようになったのでオススメします。

使い方は、下記のリンクからダウンロードしてChrome拡張として入れます。

紹介プラグイン smartphone simulator – Chrome ウェブストア

 

使い方

通常の場合こんな感じのサイトです。
スクリーンショット 2015-09-03 15.35.27
ブラウザからこのChrome拡張をonにするとこのように変化します。
スクリーンショット 2015-09-03 15.36.19
ブラウザで簡単に見られるようになるので、Chromeの開発機能で簡単にCSSを変更出来ます。CSSの編集するならこれで見て変更するのが楽だな〜。

 

問題がおきたスマート・フォンシュミレータ

docsを使っていると古いバージョンを使っていると表示されてしまいます。

表示されないようにするには、こちらをオフにしないといけません、

ATTRIP Search

  1. ホーム
  2. CSS
  3. PCからスマホのサイトを確認するのに便利なChrome拡張「smartphone simulator」