Firefox57で「ブラウザツールボックス(DOMインスペクタ)」を使う方法です。
- Firefoxのメニュー「ツール」-「ウェブ開発」-「ウェブ開発」-「開発ツールを表示」を選択
- 開発ツールバー右上にある歯車アイコンをクリックしてオプション画面に入る
- 一番最後の「詳細設定」グループにある下記2つにチェックを入れる
- ブラウザーとアドオンのデバッガーを有効化
- リモートデバッガーを有効化
- Firefoxのメニュー「ツール」-「ウェブ開発」-「ウェブ開発」に「ブラウザツールボックス」が表示されるので起動する
以上で「ブラウザツールボックス(DOMインスペクタ)」が利用可能となります。