from electron 2 web

インターネットのリソースを無駄遣いして検索におけるUXを下げてごめんなさい

圧倒的文章力のNASAでゴミみたいなチラ裏のようなメモを量産してしまい全ての"Web開発者"にごめんなさい

WebExtensionのデバッグを翻訳した。

Mozilla Developer Network

ブラウザツールボックスとブラウザコンソールとdevToolsって何が違うん?

ブラウザコンテキストで受け取る。ただしブラウザコンソールを開いたページしか受け取らない。

ブラウザコンソール+any pageのメッセージを受け取る。 注:e10sのfirefoxではコンテンツスクリプトを受け取れない。プロセスが違うため。

  • デバッガタブ

f:id:lv7777:20151230213231p:plain

左側のデバッガタブすげえ量だ・・・ sandboxとかsystemとか明らかにやばそうなのばっかだし多分これfirefoxの内部で動いてるスクリプトだろうな。

例の開発者ツールでchromewindowが使える。強い(確信)。これとデバッガタブを組み合わせれるとか控えめに言って神だ。

f:id:lv7777:20151230214509p:plain

  • DevTools

普通のページのコンテキストしか受け取れない。雑魚。

addon debugger

将来実装予定。
アドオンのスクリプトしか表示されないブラウザツールボックス。しかもlogも見れないらしい。
いらない・・・


console shows you messages from the entire browser entire browser 、なんだろ まあ全部のページって一応訳したけど・

It includes messages your code logs using the Console API as well as any error messages logged by the JavaScript engine as it executes your code.

it:”三人称の”人称代名詞 includes:動詞。他動詞。 messages:動詞。sが付いているため可算名詞。普通名詞かな? ここまでSVO

この文は読めたのでこれ以上見ていかない。

Once you've found your source, you can set breakpoints, step through code, and do everything else you'd expect to be able to do in a debugger.

いや~イミフ。 do everything else you'd expect to be able to do in a debugger.

everyting else:それ以外 you had expect to:期待する be able to:出来る