Firefox Remote Web Console

が修正されて Remote Web Consoleが追加された。Firefox 19から使えるようになる(予定)。 これが使えるようになったことで、Firefox Mobile for Androidでのデバッグ時に adb logcat を参照しなくても console.log() の結果を見れるようになる。

基本的な使い方は Remote Debugger のときと殆ど同じ。下準備などはこことかここ参照のこと。

  1. devtools.debugger.remote-enabledtrue にして新規ウィンドウを開く
  2. Tools から Remote Web Console を起動する
  3. つなぐ(こことかここ参照のこと)
  4. 接続先の名前空間を選ぶ
    各タブに加えて "Global Console" が選べる。これは Firefox Mobilechrome に相当する。ので、Safe Browsing のデータベースのリクエストなどもコンソールから見られる
  5. ご自由にお使いください

とりあえずこれを書いている時点では、「"Global Console" に Firefox Mobile 内部のエラーが表示されたときに、該当箇所を view soource で表示させようとすると、Firefox Desktop 内の同名のファイルを開こうとする」とか「Remote Web Console で window を評価して Web Console のオブジェクトを見ようとするとエラーが出る」などのバグがある(どちらも報告済み)ので、完全に Web Console と同一の使い勝手というわけにはいかない。

これでようやく Firefox もモバイル環境のデバッグがやりやすくなってきたということで。