スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 ツールバー上に、Web 開発系のツールボタンを追加できるようにするFirefox アドオン「DevTools Toolbar Items」

今日は、Web 開発系のツールバーボタンを追加できるようにする Firefox アドオン を紹介しようと思います。



ツールバー上に、「開発ツールを表示」「レスポンシブデザインビュー」などのボタンを
追加できるようになる

「開発ツールを表示」「レスポンシブデザインビュー」などのボタンを追加できるようになる


ボタンは、自分が必要とするもののみを個別に登録することができる
ボタンは、自分が必要とするもののみを個別に登録することができる


「DevTools Toolbar Items」は、Web 開発系のツールボタンを追加できるようにするアドオンです。

  • 開発ツールを表示
  • レスポンシブデザインビュー
  • スポイト
  • スクラッチパッド
  • ブラウザツールボックス
  • ページのソース
  • 開発ツールバー
といったボタンを、ツールバー上の好きな場所に追加できるようにする Firefox アドオンで、
各種Web 開発系のツールを素早く呼び出せるようにしてくれます。

上記のボタンは、「追加のツールと機能」画面に追加されるようになっているため、自分が
必要とするボタンのみを個別に登録することが可能となっています。

普段、上記のようなWeb 開発ツールを使っている人におすすめです。


 その他の Firefox アドオン
 Firefox アドオン

使い方は以下の通り。

  1. DevTools Toolbar Items」 をインストールします。
    (要再起動)

  2. 画面右上の メニューを開きます ボタンをクリックし、「カスタマイズ」を選択。

  3. 「追加のツールと機能」画面が表示されます。
    ボタンは、自分が必要とするもののみを個別に登録することができる

    あとは、

    • 開発ツールを表示
    • レスポンシブデザインビュー
    • スポイト
    • スクラッチパッド
    • ブラウザツールボックス
    • ページのソース
    • 開発ツールバー

    のうち、任意のものをツールバー上の好きな場所にドラッグ&ドロップすればOK です。

    「開発ツールを表示」「レスポンシブデザインビュー」などのボタンを追加できるようになる



Appendix

最近の番外ソフト

月別ソフト

広告


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。