Top Firefox拡張機能(アドオン) >Firefoxのツールバーに[Web開発]ボタンを設置できるアドオン「Native Web Developer Tools」
2012年06月02日

Firefoxのツールバーに[Web開発]ボタンを設置できるアドオン「Native Web Developer Tools」

FirefoxのAppメニューやツールメニュー内には[Web開発]が用意されており、ここから様々なツールを呼び出すことができるようになっています。

Web管理/開発者の方は、こうしたツールを使ってサイトの検証や編集を行うこともあると思いますが、頻繁にアクセスされる方にとってはツールにアクセスしにくいと感じることもあるのではないでしょうか。

メニューバーを常時出している場合やショートカットキーを覚えている方はそうでもないかもしれませんが、よく使うツールはツールバーボタンなどからアクセスできたほうが楽でいいですね。


01_Native Web Developer Tools Firefox Add-ons.JPG


Firefoxに「Native Web Developer Tools」というアドオンをインストールしておけば、この[Web開発]ツールにツールバーから簡単にアクセスすることができるようになります。

「Native Web Developer Tools」をインストールすると、ツールバーカスタマイズより専用のボタン 02_Native Web Developer Tools Firefox Add-ons.JPG をツールバーに設置することができるようになります。

このボタンをクリックすると以下のようなメニューが開くようになっており、各ツールを素早く起動することができるようになります。


03_Native Web Developer Tools Firefox Add-ons.JPG


メニューから起動できるツールは

■Webコンソール
■調査
■スクラッチパッド
■スタイルエディタ
■ページのソースを表示
■エラーコンソール

などとなっており、最下部の[Get・・・]をクリックすればAMOへアクセスし、その他の開発者向けアドオンを導入することができます。

一般の方にはあまり必要ないかもしれませんが、こうしたツールをよく利用される方はインストールしておいてはいかがでしょうか。


ダウンロード:Native Web Developer Tools(Add-ons for Firefox)


<関連記事>


■FirefoxのUIをカスタマイズしたり開発者向けの機能を追加できるアドオン「FeatureFix」

■Mozilla japan 利用者と開発者のコミュニケーションサイト「Mozilla Developer Street」を公開。

■Mozilla Labs Webベース総合開発環境ツール「Bespin」リリース。

■マウスポイントした箇所のCSSプロパティを簡単に確認できるFirefoxアドオン「CSS Viewer」

■Web制作者のための便利なFirefoxアドオン「Web Developer」




この記事をはてなブックマークに登録 follow us in feedly このエントリを del.icio.us に登録 この記事をクリップ!Yahoo!ブックマークに登録
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック