Web Developer Toolbar

CSSや画面デザインの際などに必須の WEB Developer Toolbar をインストールしましょう。

インストール bookmark

1. Firefoxを立ち上げる
2. WEB Developer Toolbarのページを開く
3. 「FireFox用ダウンロード」リンクをクリックしてインストール開始
4. そのサイトからのインストールが最初の場合、次のようなバーがFirefoxに表示されるので、「設定を変更」ボタンを押した後、「許可」ボタンを押してそのサイトからのインストールを許可します。
   
5. 許可したらもう一度「FireFox用ダウンロード」リンクをクリックしてインストールを開始します。
6. インストールが終わったらFirefoxを再起動します。
7. 次のツールバーが表示されていなければ、
   メニューの「表示→ツールバー→Web Developer Toolbar」で表示することが出来ます。
   
8. Web Developer Toolbar には様々な機能があり、ここで紹介できるほど単純なものではないのですが、
   ここでは一機能を試してみましょう。
9. 「Web Developer Toolbar」の「枠表示→ブロックレベル要素を枠で囲う」を実行してみましょう。
   次の画面のようにブロック要素が枠で囲まれ、構造が分かりやすくなります。

次のページ： Venkman JavaScript Debugger