[B! Firebug] facetのブックマーク

Firebugをもっと使いやすくするためのブックマーク（jQueryバージョン）-WEBデザイン　BLOG

ここ最近javascriptライブラリーのjQuery: The Write Less, Do More, JavaScript Libraryを実践しながらお勉強中。そんな中、ちょっと便利な技を知ったのでjQueryユーザーで知らない方のために書き記しておきます。 firefoxのエクステンションFirebugを使ってjQueryを簡単に実行する方法 jQuerify←このリンクをブックマークツールバーへ登録します。このブックマークは、今見ているサイトのヘッダーにjQuery.jsファイルの外部リンクを生成するものです。今開いているどんなサイトでもいいので、一度このブックマークをクリック。あとは、firebugのconsoleを使って、好きなスクリプトを実行すれば、簡単にjQueryが実行できます。（例えば、はてなブックマーク - 人気エントリーのページを開いて、jQuerify

facet 2008/02/04

jQuerify / Shift+マウスホイールでページ履歴を行き来できる。

リンク

Firebug を「カクカク化」して $x の第 2 引数でコンテキストノードを指定できるようにする。 - IT戦記

twitter の id:ZIGOROu と id:ku0522 の会話で $x の第 2 引数コンテキストノード指定出来たらいいよねーって話しがあって作ろうと思って作ったら id:os0x さんが先に作ってて http://d.hatena.ne.jp/os0x/20071213/1197515856 実装もほとんど同じだったので凹みつつまあ、もったいないので晒そうとか思った。で今回は「チョコチョコいじれる化」しないでやる方法でやってみましょう。題して「拡張機能内に自分用の拡張空間を作っとく化」略して「カクカク化」カクカク化で Firebug を拡張する手順は以下のようになります。 Firebug の拡張機能用のディレクトリに行く環境 Firebug の拡張機能用のディレクトリ WinVista C:\Users\[ユーザ名]\AppData\Roaming\Mozil

facet 2007/12/14

リンク

【レビュー】これは凄い! Ajax最強のデバッグツール"FireBug 1.0"リリース (3) Hello Firebug! | エンタープライズ | マイコミジャーナル

Firebugは最初の状態では有効になっていないので、メニューから[View]→[Firebug]を選択して表示させるか、F12キーを押して表示される。別ウィンドウで表示させたければCtrl + F12を押せばいいし、ツールバー用のアイコンが用意されているのでこちらを追加して使ってもいい。最初に表示させるとFirebugを有効にするかどうか尋ねてくるので、「有効にする」を選択する。図4 FirebugはメニューからView→Firebugを選択すると表示できる。かわりにF12でもいい図5 Firebugが選択されると有効にするかどうかを尋ねられる図6 Firebugが表示された場合の例図7 Ctrl + F12でFirebugを表示させれば同じウィンドウではなく新しいウィンドウに別表示させることができる図8 ツールバーアイテムにFirebugが追加されるので、ショートカットとして

facet 2007/02/07

リンク

IEやOperaでも使えるFireBug Lite＆FireBug1.0Betaリリース:phpspot開発日誌

Firebug Blog Archive Firebug 1.0 News (via Ajaxian) Thanks to the 130 people who commented thoughtfully on my previous blog about Firebug. I’m so excited about getting Firebug 1.0 out to you guys, and I’ve been working my tail off to get the beta in shape for a wider release. Today I have three big announcements to make. JavaScriptでのデバッグに欠かせない、IEやOperaでも使えるFireBug Lite＆FireBug1.0Betaリリース。 FireBugは

facet 2006/12/08

リンク

JavaScript 用デバッグコンソール "IEerBug" [tech.nitoyon.com]

IEerBug は Internet Explorer 6.0 と FireFox 1.5 で動く JavaScript 用のデバッグコンソールです。 FireBug と同じ console.log()、console.debug() などの関数が使えるようになるため、FireFox と IE の両方でデバッグする場合に便利です。コンソールに出力したオブジェクトを、DOM インスペクタを利用して解析することも可能です。使い方 ieerbug.zip をダウンロードし、中身をアプリケーションのディレクトリに配置します。IEerBug 用のディレクトリを作成して、その中に配置しても問題ありません。 HTML の中で次のようにして ieerbug.js を読み込みます。

facet 2006/09/09

ページ埋め込み型

リンク

Firebug に自作関数を組み込む方法 - 技術メモ帳

外部スクリプトをロードする関数を毎回書くのが面倒で、 Firebugの組み込み関数にしたら便利なんじゃないかと思って、 loadJS という名前で Firebug に組み込んでみた。結論から言うと、 /chrome/content/firebug/commandLineAPI.js を編集したら、任意の関数を定義できた。以下に、手順を書いてみる。まず、ソースでもある Firebug拡張をダウンロードする。 http://releases.mozilla.org/pub/mozilla.org/extensions/firebug/firebug-0.4-fx+fl.xpi xpi は、実際にはただの zip ファイルなので、 unzip コマンドで解凍できる。 ./$ unzip firebug-0.4-fx+fl.xpi Archive: firebug-0.4-fx+fl.xpi

facet 2006/08/11

commandLineAPI.js | xpi,jar -> unzip/zip | FireBugUtils[*]

Firebug

リンク

FireBug Documentation - JoeHewitt.com

Console Logging Functions FireBug makes a console object available to all web pages. This object has the following functions: Basic Logging console.log("message" [,objects]) - Logs a string to the console. The string may contain any of the patterns described below in the "String Formatting" section. The objects passed after the string will be substituted for each of the patterns in the string in o

facet 2006/08/03

リンク

Firebugの便利な組み込み関数 - 技術メモ帳

id:brazil さんのブックマークで知ったのだが、 Firebugには、便利な組み込み関数が定義されているようだ。一通りさわってみたのだが、 $x() で任意のXPath要素が取得できるのとかに感動した。そして、やっぱりちゃんとドキュメント読むべきだなぁと思った。 XPathから要素を取得する。 $x("/html/body/h1"); -> 要素の配列が返ってくる。 selector名から要素を取得する。(getElementsByTagName) $$("h1") -> 要素の配列所要時間測定 console#time, console#timeEnd time ~ timeEnd で囲んだ部分の所要時間を計測することが出来るみたいで、以下のような関数にまとめると良さそうだ。 function bench( callback ) { var uniq_id = Date