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

キーボード操作で簡単にブラウザの幅をピクセル単位で厳密に変更できるFirefoxの機能拡張を紹介します。

ブラウザのキャプチャ

FireBreak

FireBreakのインストール

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

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

ブラウザのキャプチャ

FireBreakインストール完了

FireBreakの使い方

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

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

Alt+or
ブラウザのキャプチャ

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

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

Alt+Shift+or
ブラウザのキャプチャ

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

top of page

©2017 coliss