Firebug

Excelの表中の「数字-」の数字を増減

例:1減らす場合 Firebugのconsoleに下のコードをコピペして、 Excelの表を範囲選択してコピーしたものを"ここ"って書いてあるところに突っ込む。 で、実行。 copy( <> .toString().replace(/(\d)-/g,function($0,$1) ($1-1)+"-") );

Excelの表をRedmine等に持っていく

Firebugのconsoleに下のコードをコピペして、 Excelの表を範囲選択してコピーしたものを"ここ"って書いてあるところに突っ込む。 で、実行。 copy( <> .toString().replace(/^|\t|$/gm,'|') );

Webページのtable一行分をコピーして、CSV一行分に変換してクリップボードに突っ込む

Firebugのconsoleに下のコードをコピペして、 table一行分をコピーしたものを"ここ"って書いてあるところに突っ込む。 で、実行。 copy( <> ここ .toString() .trim() .replace(/\n/g,'') .replace(/\s+/g,',') ); 文字列の中にXMLのタグとして解釈されるで…

minifyされたJavaScriptにconsole出力等の処理を挟む、特定経路を通った場合に処理を挟む

minifyされたJavaScriptへのブレークポイントでの処理の挟み込み Firebugのブレークポイントは行に貼るのでminifyされたJavaScriptと相性が悪い。 例えばjQuery.ajaxが定義されている行にFirebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力…

Firebugを使って無名関数への参照を手に入れる

Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - 文殊堂の応用編参照が欲しい無名関数の中の適当な所で、 breakpointを設定し、条件を↓にする。 (window.someFunction = arguments.callee),false この無名関数が1度でも実…

Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法

Firebugでは条件付きブレークポイントが使えるので、 scriptタブにて該当行にブレークポイントを貼り、 条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false …

Firefox3.6への移行

Webブラウズ用profile アップデートしたadd-on Stylish-Custom 0.7.0 Wescript 0.0.35 アンインストールしたadd-on Personas 3.6から標準機能になったのでいらなくなった。 MR Tech Toolkit で互換とみなしたadd-on It's All Text! 1.3.1 デフォルト以外の拡…

Firefox3.6+Firebug1.5導入に向けたFirebug拡張の互換性確認 その2

Firefox3.6b4にFirebug1.5b5を入れた状態で有効になっている拡張機能と無効になっている拡張機能 EventBug 0.1b1 インスコ CS Lite削除 cookie許可・阻止切り替えはWebDeveloperで、cookieの書き換えはFirecookieでやるから、開発用profileにはいらない。 有…

Firebug1.5b5を入れてみた

XHRにブレークポイント設定 b4かららしいけど↓が使えるようになってる。 Firebug 1.5: XHR Breakpoints | Software is hard どう活用しようか? console上でのabortしたXHRの表示 Getfirebug Blog » Blog Archive » Firebug 1.5b5から気になったのをIssue 246…

Firefox3.6+Firebug1.5導入に向けたFirebug拡張の互換性確認

Firefox3.6b2にFirebug1.5b3を入れた状態で有効になっている拡張機能と無効になっている拡張機能 EventBug 0.1b1も入れた。 有効な拡張機能: [17] Add-on Collector 1.0.4: http://www.google.com/search?q=Firefox%20Add-on%20Collector Adobe DLM (powered…

Eventbug

Eventbug (alpha) Released | Software is hard JavaScriptで貼付けられたeventを見ることができるFirebugのextension。 現在はFirefox3.6b2以降、Firebug1.5b1以降じゃないと動かない。 http://www.mozilla.com/en-US/firefox/all-beta.html http://getfire…

FireQuery - jQueryを扱う際に便利なFirebug拡張 -

FireQuery is a Firebug extension for jQuery development jQueryを扱う際に便利なFirebug拡張 現在のバージョンは0.3 結構前に紹介されていたけど、ちゃんと使いこなせてきた感じなので紹介する。 以下、各機能について紹介と解説。 jQueryオブジェクトのc…

Firebug1.4導入ガイド&機能差分紹介

Firebug1.3系を使っている人向け導入ガイド&機能紹介 導入ガイド 前提 Firefox3.0でFirebugを使っている TabMixPlusを使っている MR Tech Toolkitを使っている。 MR Tech Toolkitについてはまだ入れてないなら、入れましょう。 Firebug1.4自体の導入方法 Fir…

FireRainbow

Firebugについてまとめ - 文殊堂のフォロー記事 件の記事でRainbowというscriptタブのJavaScriptとHTMLシンタックスハイライトしてくれるFirebug拡張を紹介していましたが、Firebug1.3に更新した段階で使えなくなりそのまま忘れてましたが、 Firebug1.3向け…

FirefinderはJavaScriptプログラマ以外も使うべき

Firefinderとは何か? https://addons.mozilla.org/en-US/firefox/addon/11905/ CSSセレクタやXPathで要素を検索出来るFirebugの拡張です。 どんな人にお勧めか? hiddenフィールドの値を閲覧したり、 formのどの要素のnameが何かとかさくっと見たくなること…

selectボックスの各オプションの値とテキストをタブ区切りでクリップボードに取得

jQueryを読み込んでFirebugでやる。 copy( $('select[name=hoge] option').map(function(i,n){ var $n = $(n); return $n.val() ? $n.val()+'\t'+$.trim($n.text()) : undefined; }) .get() .join('\n') );

Firebugでのbookmarklet作成方法

コピーボタンクリックでもいいけど、 アレだとタブが残ったり半角スペースがエンコードされなかったりするので。 コード copy( 'javascript:' + someFunction .toSource() .replace(/"/g,"'") .replace(/ (={1,3}) /g,'$1') .replace(/ /g,'%20') + '(/* 引…

Firebugについてまとめ

随時更新 公式ドキュメント Firebug Console API http://getfirebug.com/commandline.html 気になったところ $$(selector) 複雑なCSSセレクタでなければjQueryの$関数の変わりとして使える感じ。 dirxml(node) outerHTML相当のHTMLを出してくれる感じ $$(sel…