Firebugの意外と知られていない機能紹介（プログラマ向け） - KAYAC Engineers' Blog
羊毛布団を洗濯機にかけられないことを知りました。ago（@kyo_ago）です。 意外と知られていない機能が多い！？Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox本体のツールバーに「要素を調査」ボタン Fi
Firebugについてまとめ - monjudoh’s diary
随時更新 公式ドキュメント Firebug Console API http://getfirebug.com/commandline.html 気になったところ $$(selector) 複雑なCSSセレクタでなければjQueryの$関数の変わりとして使える感じ。 dirxml(node) outerHTML相当のHTMLを出してくれる感じ $$(selector)と組み合わせると便利そう。 inspect(object[, tabName]) 指定したオブジェクトを指定したタブで表示できる。特定要素をHTMLタブで表示させる時、「inspect($$('table#some-id td')[0],'html');」みたいにできる。今まで、「console.log($$('table#tab td')[0]);」を実行してconsoleタブに表示させた後、そこをクリックみたいにやっていた
Firebugクックブック #1 - bits and bytes
最近の中学生のはじめてのプログラミング言語がJavaScriptだったりするこの時代、最も使いやすいJavaScriptの実行環境であるFirebugは現代のコマンドラインです。UNIXコマンドラインでgrepやuniqを使って、日常の細々した処理を行うのと同じようにFirebugとjavascriptを使いこなせると、日常作業のちょっとしたことをさくっとこなすことができます。ちょっとした作業だから手作業でやってもいいけど自動でやればミスったりしないし、気分的には楽なので自動でやりたい、という作業がけっこうないでしょうか。例えば、ページの中の特定の部分の文字列をリストにしてテキストファイルに保存したい、とか。 そこで今回は私が普段よくやっている単純作業をFirebug+javascriptでさくっとかたづける方法を2回にわけてご紹介します。 ページの中からテキストや属性の値を拾う ページの
Firebug Lite: すべてのブラウザで動作するデバッグツール | WIRED VISION
Firebug Lite: すべてのブラウザで動作するデバッグツール 2008年8月 6日 IT コメント： トラックバック (0) ウェブ開発者にとってあらゆるブラウザ環境で動作保証するのはもちろんのこと、バグが発生した際、すべてのブラウザで障害調査・追跡をすることはとても難しく悩ましい問題だ。 Firefox なら Firebug、Opera なら Dragonfly といったツールは存在するが、もし Firefox/Opera 以外のファンならどうするか？ そんなとき Firebug Lite は一見の価値がある。 Firebug Lite は各種ブラウザでブックマークレットとして起動可能な JavaScriptライブラリとなっていて、Firebug と同様に Console、HTML/CSS/JavaScriptインスペクタ、XmlHttpRequestインスペクタなどの機能がある
Firebug のコンソールに出力される形式を変える - IT戦記
そう＞＜ length が数字だと無条件で配列扱いなんですよね。 childNodesとコメント - ロックスターになりたい という訳で、 domplate をちょっといじってみたら意外と楽に出来たのでメモメモ domplate は Firebug のテンプレートエンジン コンソールの形式を定義したオブジェクトを作る 自分が担当するオブジェクトが supportsObject に渡ってきたら true を返す tag はコンソールに出るときのテンプレート(domplate) shortTag は配列の中に入ってるときのテンプレート(domplate) getTitle はプロパティの中に入ってるときの文字列(たぶん?) 作ったオブジェクトは registerRep に入れる image diff Index: reps.js ================================
Firebug に一行追記して右クリックで XPath をコピペ出来るようにする。 - IT戦記
この XPath 使いたい＞＜ って思うことよくありませんか？ サイト見てて、あ、このボタンにグリモンであんな機能やこんな機能付けたい＞＜！って思うこととかありますよね！ そんなときに、いちいち要素の位置とか考えずに右クリックで XPath をコピペできたら嬉しいですよね＞＜ ってことで 作ってみた イメージはこんな感じです。 これをクリックすると、右クリックされた要素の XPath がクリップボードにコピーされます。 この機能を Firebug に実装する手順 1. Firefox のプロファイルディレクトリに行く 環境 プロファイルディレクトリ WinVista C:\Users\[ユーザ名]\AppData\Roaming\Mozilla\Firefox\Profiles\[ランダムな文字].default\ WinXP C:\Documents and Settings\[ユーザ名
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
