スマホで見たときのページをポップアップで確認できるChrome拡張

Githubで公開されているdevice emulation chrome extensionが地味に便利です。

使い方

yaomanのアイコンに「mobi」と書かれたアイコンが追加されて、クリックすとスマホサイズのページがポップアップで開きます。

名称未設定

入れ方

  1. githubのリポジトリをローカルにclone
  2. Chromeのメニューのツール > 拡張機能から、デベロッパーモードにしたあとに「パッケージ化されていない拡張機能を読み込む」ボタンをクリック
  3. クローンしたリポジトリのappディレクトリを選択

とすると、拡張機能が読み込まれます。

LiveReloadと組み合わせると、本体のページとポップアップされているページ両方が自動更新されるのが便利ですねー。