拡張機能 - rogumetool
| ジャンル | Web制作支援 | ||
|---|---|---|---|
| バージョン | |||
| 特徴 | 閲覧ページの要素を枠線で囲む[e] | ||
| 人気投票数 | 0 [投票ボタン] | ||
| 対応Fx | ～ | ||
| 対応Tb | ～ | ||
| 日本語 | |||
| 最新版入手先 | rogumetool :: Versions :: Add-ons for Firefox [e] | ||
| ミラーサイト | Add-ons for Firefox[e] | ||
| 制作者サイト | RoguMe [e] | ||
| 日本語 | |||
| 非公式版サイト | －[e] | ||
| 関連サイト | －[e] | ||
説明・詳細
閲覧ページの要素を枠線で囲んだり要素のID名等の表示やコピーを可能にします。
コンテキストメニュー→「現在のフォーカスのIDで値をコピー」項目
- 末尾が数字の他項目をコピー(全て)
- 末尾が数字の他項目をコピー
コンテキストメニュー→「rogumetool」項目
- CSS、Javascript、IMGのパス
- CSS、Javascript、IMGのパス表示
閲覧ページに含まれるCSS、JavaScript、画像のURLをページ上部に一覧表示する。
- CSS、Javascript、IMGのパス表示
- CSS、Javascript、IMGのパス表示の削除
上記項目で一覧表示したURLを非表示にする。
- CSS、Javascript、IMGのタグ表示
閲覧ページに含まれるCSS、JavaScript、画像のタグ範囲をページ上部に一覧表示する。
- CSS、Javascript、IMGのタグ表示の削除
上記項目で一覧表示したタグ範囲を非表示にする。
- デバッグ関連
- 子要素に枠を付ける
マウスポインタ付近の要素から下の階層にある全ての要素を枠線で囲む。
- 子要素に枠を付ける
- 子要素にデバッグ用の文字を編集する
マウスポインタ付近の要素から下の階層にある全ての要素の名前/ID名/クラス名を表示しコピー可能にする。
- （すべて）子要素の編集
「子要素に枠を付ける」と「子要素にデバッグ用の文字を編集する」を同時に実行する。
- デバッグ用の文字を取り消す
要素の名前/ID名/クラス名を非表示にする。
- （すべて）デバッグ用の文字を取り消す
要素の名前/ID名/クラス名を非表示にする。
- Formデバッグ関連
- 入力項目をデバッグ編集
閲覧ページの入力欄の名前/ID名/クラス名/縦横サイズを表示しコピー可能にする。
- 入力項目をデバッグ編集
- デバッグ編集を取り消す
入力欄付近に表示した名前/ID名/クラス名/縦横サイズを非表示にする。
- 枠をつける
- 枠をつける （色名）
マウスポインタ付近の要素を各色の枠線で囲む。
- 枠をつける （色名）
- x,y座標
- マウスの座標を表示する
マウスポインタの座標やウィンドウサイズを表示する。
- マウスの座標を表示する
- 表示を取り消す
マウスポインタの座標やウィンドウサイズを非表示にする。
文字列選択時のコンテキストメニュー→「rogumetool」項目
- 背景色をつける
- （色名）
選択文字列の背景色をクリックした色に変更する。
- （色名）