java script関数コールの追跡(改)

6

Click here to load reader

Upload: keiichi-kobayashi

Post on 07-Jul-2015

376 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Java script関数コールの追跡(改)

JavaScript関数コールの追跡(改)

@kobayan_tokyo

Page 2: Java script関数コールの追跡(改)

これまでの話

・windowスコープ配下の変数を漁り、関数をすべてラップしてログを仕込む。

・全ての関数を対象にするとログが雑多になるので、いらない関数はガンガン削る(関数名でフィルタ)。

サンプル

https://gist.github.com/kobake/5b3f9253d06e9b0ae717

Page 3: Java script関数コールの追跡(改)

ここからの話

コールスタックとか見たい

function getCallStack(){ var caller = arguments.callee; var ret = []; while(caller = caller.caller) ret.unshift(caller); return ret;}

Page 4: Java script関数コールの追跡(改)

紆余曲折ありましたが

なんとなくコールスタック埋め込めたサンプル

https://gist.github.com/kobake/0840d79e2c2c0067c8f5

Page 5: Java script関数コールの追跡(改)

jsデバッグ環境は一夜にしてならず

まだまだ改善の余地があります

引き続き研究していく所存

Page 6: Java script関数コールの追跡(改)

近況

触ってるもの

・AngularJS(モダンな何か)

気になってるもの

・Sencha(スマホアプリ)

挫折中

・Chromeビルド(ディスク圧迫したので一旦消した)