FirefinderはJavaScriptプログラマ以外も使うべき - monjudoh’s diary
Firefinderとは何か？ https://addons.mozilla.org/en-US/firefox/addon/11905/ CSSセレクタやXPathで要素を検索出来るFirebugの拡張です。 どんな人にお勧めか？ hiddenフィールドの値を閲覧したり、 formのどの要素のnameが何かとかさくっと見たくなることないですか？ あるならお勧めです。 Firebugには既に$$というCSSセレクタで要素を検索出来る関数があるんだが？ CSSセレクタのサポートの度合いが違います。 $$関数では基本的なCSSセレクタしかサポートされていないので、 例えば、ここなら、http://images.google.co.jp/advanced_image_search?hl=ja $$('input'); // [input, input ja, input Google 検索, i
【デバッグ強化週間】log.asを使ってFirebugのコンソールにデータを出力！ | _level0 - KAYAC Front Engineer Blog
今年も沢山雪が降ってくれる事をねがっている、ナックルです！ デバッグ強化週間ということで、私はlog.asを使ってみました。 log.as といっても、Firebugのjsをたたいて、コンソールに表示させるというものです。 設定も簡単！！ import flash.external.ExternalInterface; ExternalInterface.call('console.log', "Flash から コンソールに！！"); あとはHTMLをFireFoxで開けばOK！ あ、もちろんFirebugが入ってないとダメですよ！Firebugのバージョンですが、1.2だとたまにスルーされて出力されない事があるので、Firebug 1.3.0a4以上にして下さい。ダウンロードはここから。 それと、HTMLで注意なんですが、HTMLに一つもjsのインポート文がない場合、コンソールに出力さ
Firebugでサイトパフォーマンス改善の第一歩を踏み出す - builder by ZDNet Japan
任意のJavaScriptコードを実行 Firebugのコンソールパネルではウェブページに埋め込まれたJavaScriptを実行するだけでなく、直接コードを入力して実行することもできる。その場合、入力されたJavaScriptコードは表示されているウェブページと同じコンテキスト内で実行される。したがってページ内で定義されたオブジェクトや関数などにもアクセスすることができる。 一行のコードを実行するだけならば、コンソールパネルの下部に表示されているテキストエリアに入力して[Enter]キーを押してみよう。図1は前回示したスライドショー（firebug-sample.html）のnextImage()を呼び出した例である。firebug-sample.htmlを表示した状態で実行すれば、表示される写真が最後のものに切り替わる。
効率的なデバッグをサポートするFirebugのコンソールAPI - builder by ZDNet Japan
コンソールAPIでJavaScriptの実行時情報を出力 FirebugのコンソールAPIを使えば、コンソールへのメッセージの出力やスクリプトの実行時間の計測などを行うことができる。具体的には以下のような関数が用意されている。 console.log(object[, object, ...]): メッセージ（オブジェクト）をコンソールに出力 console.debug(object[, object, ...]): メッセージをコードの行番号付きで出力 console.info(object[, object, ...]): メッセージを、先頭に「i」のアイコンを付けて出力 console.warn(object[, object, ...]): メッセージを、先頭に「!」のアイコンを付けて出力 console.error(object[, object, ...]): メッセージを、先
Firebugでブレークポイントを利用したJavaScriptデバッグを - builder by ZDNet Japan
ビジネスのためのデータ基盤構築 DX時代の企業成長はデータ活用が鍵 新たな展開を後押しするSQL Server活用 ITインフラ運用からの解放 HCI＋JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 体験から学んだ成功への知見 マネーフォワード×エム・フィールド対談 Fintechプラットフォーム開発の「鍵」 コンテナをエンプラITに！ コンテナ活用の基礎 本番実装が増える背景とメリット 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる 高まるゼロトラストの気運 妥協のない安全のために適材適所で組合せ トップ4社によるゼロトラストセキュリティ 身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント ライバル同士がタッグを組む理由 マイクロソフトとヴイエムウェアが連
FirebugによるWebコードのデバッグ (1/2) - ITmedia エンタープライズ
複雑に絡み合ったWebサイトの開発において、Firebugを使えば、CSSおよびJavaScriptの単純なテンプレートから複雑なAjaxアプリケーションに至るまでのすべての編集とデバッグを行うことができる。 Webサイトの開発は、世紀の変わり目となった7年前のころほど単純な作業ではない。新たなツール、テクノロジー、開発方法論のはんらんにより、もはやWebページはかつての単純なHTMLコードの列ではなく、各種のスタイルシート、マークアップ言語、スクリプトが複雑に入り混じったものになっている。だが、こうした複雑なブレンドものをデバッグするのは容易ではない。そこで登場するのが、WebブラウザFirefox用のオープンソースのアドオンFirebugだ。このアドオンを使えば、CSSおよびJavaScriptの単純なテンプレートから複雑なAjaxアプリケーションに至るまでのすべての編集とデバッグを行
Firebugクックブック #1 - bits and bytes
最近の中学生のはじめてのプログラミング言語がJavaScriptだったりするこの時代、最も使いやすいJavaScriptの実行環境であるFirebugは現代のコマンドラインです。UNIXコマンドラインでgrepやuniqを使って、日常の細々した処理を行うのと同じようにFirebugとjavascriptを使いこなせると、日常作業のちょっとしたことをさくっとこなすことができます。ちょっとした作業だから手作業でやってもいいけど自動でやればミスったりしないし、気分的には楽なので自動でやりたい、という作業がけっこうないでしょうか。例えば、ページの中の特定の部分の文字列をリストにしてテキストファイルに保存したい、とか。 そこで今回は私が普段よくやっている単純作業をFirebug+javascriptでさくっとかたづける方法を2回にわけてご紹介します。 ページの中からテキストや属性の値を拾う ページの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
about.me | your personal homepage
» Javascript の デバッグはやっぱり Firefox + Firebug: エスキュービズム ラボ Blog