New Generation

Debugging Firefox add-on

About Me

About Me

省 略

前提知識

• Firefoxのフロント=アドオンと同一技術

• アドオンのデバッグ技法をFirefoxのフロント開発に応用できる

• その逆もしかり

近年のFirefoxアドオンのデバッグは

地獄だった……

アドオンに使えないFirebug

消えたchromebug(アドオン向けFirebug計画)

バグだらけのVenkman

（デバッガのデバッグしたくなる……）

頼れるのは己の目デバッグdumpデバッグ

Firefox 19（予定）

ついにきた

最新鋭browser chromeデバッガ登場

Firefox

Browser DEBUGGER

Remote debug protocolでデバッガが別プロセス動作!

Remote debug protocolでデバッガが別プロセス動作!

デバッグ中に本体クラッシュしてもスタックトレースが残る!

ウォッチ式も条件ブレークポイントも対応済みだ！

✴ devtools.chrome.enabled=true

✴ devtools.debugger.remote-enabled=true

✴ devtools.debugger.chrome-enabled=true

こいつが起動フラグだ！

起動するとプロファイルフォルダに********_chrome-debugger-profile

が作成されます（デバッガプロセス用プロファイル）

だがコイツは新造品バグだってBy designだってあるのさ

挙動注意1

JSコードモジュール内では

DOMがProxyにwrapされてる

プロパティが見れない……

未実装2

コマンドオプション経由でデバッガ起動できない

未実装2

コマンドオプション経由でデバッガ起動できない

そのうち実装されるのを待ってね

未実装?3

Add-on SDK系のデバッグが上手に出来ない

未実装?3

Add-on SDK系のデバッグが上手に出来ない

そのうち実装されるのを……待ってね

とりあえず目デバッグから解放されるから問題ないよねっ

Let’s Hack!