[B! JavaScript][debug] teru_whileのブックマーク

それすぐ実行！JavaScript！ - IT戦記

思った JavaScript はすぐに実行してみましょう！ブラウザの URL 入力欄に javascript:(function() { /*実行したいコードを書く*/ })()FireBug を使ってる人は、コンソール開いて実行したいコードを書く。たとえばこんなことができます。これらの例は僕が日頃使っているものです。グローバルで使える関数を列挙する(Firefox Only) FireBug用 for(var n in window) if(typeof window[n]=='function')console.log(n); URL用 javascript:(function(){var b='';for(var n in window)if(typeof window[n]=='function')b+=n+"\n";alert(b)})() Object.prototyp

teru_while 2007/07/31

リンク

IEでjavascriptのエラーをデバッグする方法 - bits and bytes

FirefoxであればFirebugで簡単に問題の場所をみつけられますが、IEでjavascriptのエラーが出ると、素っ気ないうえに意味不明な日本語のエラーメッセージが出てきてお手上げなので、エラーが出ている場所の特定すら困難です。そんなときでもOfficeについているスクリプトエディタ(前はスクリプトデバッガという名前だった気が....)を使うと、Visual Studioのデバッガとおんなじインターフェイスのデバッガを使ってjavascriptのエラーを出している場所をすぐに見つけることができます。Firebugと比べると極めて重たいですが、関数呼び出しをバックトレースすることもできますし、各スコープでの変数の値を調べることもできるので、これを使わない手はありません。が、いつもどうやってインストールするのかを忘れてしまうのでメモ代わりに書いておきます。コントロールバネルのプロ

teru_while 2007/07/10

リンク

javascript - 関数をtraceする : 404 Blog Not Found

2007年05月18日14:15 カテゴリLightweight Languages javascript - 関数をtraceする amachangのコメントを受けて追記 JavaScript: 関数の追跡 - 文系大学的IT系の悲哀からのTBを受けて追記書き換えめんどいー。 IT戦記 - JavaScript の関数を「引数そのまま返す化」 alertだけ alert(hoge); hoge.method(); 改行めんどいー。 alert + そのまま返す化 alert.s(hoge).method(); // 1 ステートのまま Functionオブジェクトを拡張というわけで、関数をtraceするmethodをFunction Objectに追加してみる。まずは実例。 function add(x,y){ return x + y } add = add.trace('add

teru_while 2007/06/01

リンク

MOONGIFT: » JavaScriptの動作検証に「JSCoverage」:オープンソースを毎日紹介

バグは予期していない動作が発生した際に起こる。理想的な動作をしている限りはまず起こらない。しかし、膨大なソースコードの中、そうした予期しない動作を探すのは難しい。そこで便利なのがソースコードのカバレッジソフトウェアだ。通ったコードと通っていないコードとを見分けられれば、通ってない場所がバグの潜んでいる所になる。そしてJavaScript向けツールがこれだ。今回紹介するオープンソース・ソフトウェアはJSCoverage、JavaScript向けのソースコードカバレッジソフトウェアだ。 JSCoverageを使うと、ソースコードの中でカバレッジされていない、つまり通っていないコード部分を見分けることができる。各アクションを試し、全てのコードを通過することができれば、予想は網羅されていることになる。使い方としては、JSCoverageを使って、JavaScriptファイルを変換する必要があ

teru_while 2007/05/30

リンク

JavaScript で簡単にスタックトレースを取るテクニック

Firebug を使うと console.trace(); これだけでスタックトレースを取ることが出来ます。でも、 XUL の開発とか、人のブラウザで Firebug が入ってない時とかは出来ないので、そういう時は、 alert(Error().stack); これだけで出来ます。まあ Firefox only ですが。

teru_while 2007/05/15

リンク

JKL.Dumper - JSONデータダンプクラス

JSON形式テキストに変数の内容をダンプするクラスです。 JavaScript の開発時にデータ構造を確認するのに使えます。 JavaScript ソースのダウンロードはこちら： jkl-dumper.js （右クリックして［対象をファイルに保存］を選択） Internet Explorer 6.0、Firefox 1.0、Opera 8.0 で動作確認済です。サンプルソース var data = { string: "string", array: [ 1, 2, 3 ], hash: { key1: "value1", key2: "value2" }, data1: null, data2: true, data3: false }; var dumper = new JKL.Dumper(); // Dumperオブジェクトを生成 document.write( dumper.d