最近は、Webサイトのデザインや構築が迷路のように複雑な作業になることがある。そうした作業を単純化してくれるツールの1つが、有名な Firebug 拡張機能である。Firebugを使うと、HTML、CSS、JavaScriptをFirefoxの中で編集し、デバッグすることができる。Fire... 続きを読む
前回に引き続き、自分がよくあるブラウザ上での単純作業をFirebugコンソールで片付けている方法の紹介です。前回はブラウザに表示されているデータをこっち側に持ってくる作業をどうやっやるかでした。今回はブラウザの向こう側のデータをFirebugで操作するには... 続きを読む
レベル: 初級Sami Salkosuo (sami.salkosuo@fi.ibm.com), Software Architect, IBM 2008年 5月 06日Web ページのロードに、どうしてそんなに時間がかかっているのかわかりますか?今まで HTML をブラウズしながら調査し、編集しようと思ったことはありません... 続きを読む
Firebugワークショップ HTML CSS ネットワーク コマンドライン / DOM コンソール / エラー / デバッグ tenjin.web (at Lingr) ワークショップ補助のチャットルームに参加してください。 0. Firebugとは / インストール Firebug 使ってみる 演習 0-1 Firebug拡張... 続きを読む
javascript この XPath 使いたい><って思うことよくありませんか?サイト見てて、あ、このボタンにグリモンであんな機能やこんな機能付けたい><!って思うこととかありますよね!そんなときに、いちいち要素の位置とか考えずに右クリックで XPath をコピペ... 続きを読む
新しい Gmail を試していたらこんな親切メッセージが。ここまでチェックしている Gmail 偉いな。Firebug can make Gmail slow. 続きを読む
ObjectInspector#serialize + Firebug 16:07 | http://rails2u.com/misc/swf/MouseClickObjectInspect.swf (ソース) Flash Player Debug + Firebug 環境でオブジェクトクリックでコンソールに表示 便利すぎる。まぁこんなソースで。 package { import flash.dis... 続きを読む
メモ, javascript そう><length が数字だと無条件で配列扱いなんですよね。childNodesとコメント - ロックスターになりたい という訳で、domplate をちょっといじってみたら意外と楽に出来たのでメモメモdomplate は Firebug のテンプレートエンジンコンソー... 続きを読む
javascript 適当に XPath を試したい時に以下のようにすれば、簡単に XPath をためせます。 document.evaluate( '//div[@class="hoge"]', // XPath 式 document, // 基準となるノード(要素とか null, // 名前空間の解決方法(適当にやるときは null 6, // 取得... 続きを読む
JavaScripterお馴染みのFirebug。Firebug本家より日本語版がリリースされています。Firebugを利用していなかった方もこれを機に導入してみてはいかがでしょうか?あとFirebugの機能紹介も日本語で掲載されています。そういえばFirebugのソースはgoogleコードか... 続きを読む
javascript, firebug 以下のエントリーを見てFirebugのmonitorEventsが動かない - Enjoy*Studyで、実際はどうなんだろうと試してみた。 ちなみに monitorEvents とはFirebug のコンソールで >>> monitorEvents(document.body) と打ち込むと document.body にあ... 続きを読む