トップページ / Web Developer Toolbar

Web Developer Toolbar

スポンサードリンク

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

インストール bookmark

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

4f1e21f8162c255801c2bda22a48aaca.png

次のページ: Venkman JavaScript Debugger

スポンサードリンク