ホームページ作成/ホームページ作成補助ソフト

ウェブの構造把握に便利なFirefoxアドオン「Firebug」

ウェブサイトの構造把握やデザインの試行錯誤に便利なFirefoxアドオン「Firebug」をご紹介。「実際の描画」と「その部分を作っているソース」とを対にして表示したり、その場でソースを修正して表示結果を確認したり、ウェブ作成を強力に支援する機能が満載です。

西村 文宏

執筆者:西村 文宏

ホームページ作成ガイド

ウェブページの構造把握やデザインの試行錯誤に便利なFirefoxアドオン

Firefoxのアドオン「Firebug」を使うと、ウェブページの構造把握や、作成する上での試行錯誤、問題点の把握などが手軽にできます。普段、ブラウザとしてFirefoxを使っている方々はもちろん、そうでない方々でも、構造解析やデザイン・スクリプトの試行錯誤用として、ぜひ「Firebug」を活用してみて下さい。今回は、この「Firebug」の各機能について、簡単にご紹介致します。

アドオンFirebugのインストール

アドオンFirebugのインストール

Firebugをインストールするには、Firefoxの公式アドオン公開サイト内にある「Firebug」ページへ、Firefoxを使ってアクセスして下さい。Firebugは複数の言語に対応しており、日本語で利用できます。

本記事に掲載している画面イメージは、本稿執筆時点の最新版「Firebug 1.9.1」を、Firefox10上で使用したものです。


 
ツールバー右上のFirebugボタン

ツールバー右上のFirebugボタン

「Firebug」は、ツールバー上にある右図のようなボタンをクリックすることで起動できます。また、Firefoxのメニューから「Web開発」→「Firebug」→「Firebugを開く」をクリックすることでも起動できます。

「Firebug」を使うと、ウェブページの構造把握や、作成する上での試行錯誤に関して、以下のような便利な機能を簡単に利用できます。


 
それでは、まずは、ページの構造を調べるための強力な支援機能からご紹介致します
  • 1
  • 2
  • 3
  • 5
  • 次のページへ

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます