FireFoxアドオン WebDeveloper 機能一覧

Webクリエーターの方が良く使っているというかWeb製作に必須と言っても過言でないほどのツールである

FireFoxのアドオンWebDeveloper

導入しても何が出来るのか分からないと使えないという事で機能一覧を作成します。

細かい事は後に追加していく予定です

機能一覧

• 無効化

1. キャッシュを無効にする
2. Javaを無効にする
3. JavaScriptを無効にする
4. Meta要素によるリダイレクトを無効にする
5. 最小フォントサイズを無効にする
6. ポップアップブロックを無効にする
7. プロキシを無効にする
8. リファラー送信を無効にする

• Cookie

1. Cookieを無効にする
2. セッションCookieを削除する
3. ドメインCookieを削除する
4. パスCookieを削除する
5. Cookie情報を表示する
6. Cookieを追加する

• CSS

1. CSSを無効にする
2. メディアタイプ指定のCSSを表示する
3. スタイル情報を表示する
4. スタイルシートを追加する
5. CSSを編集する
6. ボーダーボックス計算式を使う

• フォーム

1. フォームの情報を表示する
2. パスワードを表示する
3. フォームの情報を別ウィンドウに表示する
4. form要素のmethod属性値を変更する
5. select要素をinput要素に変換する
6. autocomplete属性を削除する
7. コントロールを有効にする(disabled属性を無視)
8. ラジオボタンをクリアする
9. コントロールを入力可能にする(readonly属性を無視)
10. フィールド自動割り当て機能を使う
11. maxlength属性を削除する

• 画像

1. 画像を無効にする
2. alt属性値を表示する
3. 画像のファイルサイズを表示する
4. 画像のパスを表示する
5. パスに問題のある画像を探す
6. 画像を枠で囲う
7. 画像情報を表示する
8. 背景画像を非表示にする
9. 画像を非表示にする
10. 画像のwidth,height属性を無視する
11. 画像を非表示にする(レイアウトを維持)
12. 画像をalt属性値で置き換える

• 情報

1. Abbreviation(略語)を表示する
2. アクセスキーを表示する
3. ページ内のアンカーを表示する
4. ブロック要素のサイズを表示する
5. div要素の順序を表示する
6. 要素の情報を表示する
7. id属性値とclass属性値を表示する
8. リンクのパスを表示する
9. object要素の情報を表示する
10. スタックレベルを表示する
11. tabindex属性値を表示する
12. table要素の入れ子の深さを表示する
13. tableの情報を表示する
14. 入れ子構造を視覚的に表示する
15. アンカーの情報を表示する
16. 色情報を表示する
17. 見出し(h要素)を表示する
18. ドキュメントサイズを表示する
19. Javascriptの情報を表示する
20. リンクを表示する
21. meta要素の情報を表示する
22. ページ情報を表示する
23. HTTPレスポンスヘッダーを表示する

• その他

1. プライバシー情報をクリアする
2. ガイドラインを使う
3. 拡大機能を利用する
4. ルーラを使う
5. コメントを表示する
6. 可視化しない要素を表示する
7. ウィンドウクロムを表示する
8. HTMLを編集する
9. リニアライズ(線形化)する
10. フレームのnoresize属性を無効にする
11. 小さな画面でのシミュレーション表示
12. リンクの表示

• 枠表示

1. フレームを枠で囲う
2. h要素を枠で囲う
3. リンクを枠で囲う
4. table要素を枠で囲う
5. ブロックレベル要素を枠で囲う
6. 非推奨要素を枠で囲う
7. 位置情報をもつ要素を枠で囲う
8. マウスカーソル個所の要素を枠で囲う
9. 任意の要素を枠で囲う
10. 枠表示には要素名も表示する

• サイズの変更

1. ウィンドウサイズを表示する
2. タイトルバーにウィンドウサイズを表示する
3. ウィンドウサイズを変更する..
4. 幅と高さの規定値を編集する
5. ズーム

• ツール

1. HTML構文の検証（Html-lint：日本語)
2. CSS 構文の検証 (W3C：英語)
3. RSSとATOMの検証 (Feed Validator：英語)
4. HTML 構文の検証 (W3C：英語)
5. リンク切れの検証 (W3C：英語)
6. 米国508条アクセシビリティの検証 (Cynthia Says：英語)
7. W3C/WAIの検証 (Cynthia Says：英語)
8. ページ速度の検証 (英語)
9. ツールを編集する
10. DOMインスペクタ
11. エラーコンソール
12. Javaコンソール
13. ページの構文チェックを表示する
14. ローカルファイルのCSSを検証
15. ローカルファイルのHTMLを検証
16. ローカルのアクセシビリティを検証

• ソース

1. ソース
2. フレームのソースを表示
3. 実行結果を反映したソースを表示
4. ソースを表示するアプリケーションを指定する

• オプション

1. 設定を持続させる
2. 設定をリセットする
3. 設定
4. ヘルプ
5. Web Developer 日本語版について

日本語版のダウンロードはこちら

※FireFox3.5対応です

WebDeveloper日本語版ダウンロード（ミナトラボ）

 <table border="1" summary="『Web Developer 日本語版』の「Cookie」機能の一覧です。">
        <caption id="func_cookies">Cookie</caption>
        <tbody>
        <tr>
          <th scope="row">Cookieを無効にする</th>

          <td>
            <ul>
              <li>全てのCookie</li>
              <li>外部サイトのCookie</li>
            </ul>
          </td>
        </tr>
        <tr>

          <th scope="row">セッションCookieを削除する</th>
          <td>有効期限が「セッション終了時」であるセッションを削除します。</td>
        </tr>
        <tr>
          <th scope="row">ドメインCookieを削除する</th>
          <td>表示されているページのドメインのCookieを削除します。</td>
        </tr>

        <tr>
          <th scope="row">パスCookieを削除する</th>
          <td>表示されているページのパスのCookieを削除します。</td>
        </tr>
        <tr>
          <th scope="row">Cookie情報を表示する</th>
          <td>新しいタブを開いてCookie情報を表示します。</td>

        </tr>
        <tr>
          <th scope="row">Cookieを追加する...</th>
          <td>Cookieを追加ダイアログによってCookieを追加することができます。</td>
        </tr>
        </tbody>
      </table>