レスポンシブデザインのブレイクポイントの確認用、ブラウザの幅をピクセル単位で簡単に変更できるFirefoxの機能拡張 -FireBreak

Post on:2012年8月21日

FireBreakのインストール

下記ページにFirefoxでアクセスし、「Add to Firefox」ボタンをクリックするとインストールが始まります。
※インストール後、ブラウザは再起動されます。

インストールが完了すると、ブラウザの上部に現在の幅が表示されます。

FireBreakインストール完了

FireBreakの使い方は簡単で、ブラウザの幅を変更するにはキーボードで操作します。

まずは、1px単位の変更から。

Alt+←or→

Alt+矢印キーで、1px単位

10px単位の変更は「Shiftキー」を加えます。

Alt+Shift+←or→

Alt+Shift+矢印キーで、10px単位