Android、Java、Web系、Linux、マラソン等の備忘録

2014/06/15

Opera 15+ extensionsのconsole.logを見る

0 件のコメント
図1 Webインスペクタ

大した話ではないのですが、Opera 15+の拡張機能のconsole.logはどこに表示されるのか見方がわからなかったのでこれから開発しようって方のためにもメモしておきます。

環境

  • Opera 22.0
  • Windows 7

やりたい事

ポップアップを表示する拡張機能でpopup.htmlで読み込んでるJavaScriptファイルにconsole.log('hoge');を記述。これを確認したい。

やり方

図2

ツールバーの拡張機能アイコンを右クリック→ポップアップの検証を選択すると、図1インスペクタが表示され確認できます。

注意1

Operaボタン > 開発者用ツール > Webインスペクタ

で表示されるWebインスペクタは、タブに表示されてるページのもので拡張機能のものではないです。たぶん。とりあえず、デフォルトでは表示されてません。

注意2

Opera 15+の拡張機能ドキュメントの検索ボックスでは、ヒットしない場合が多いです。


これはヒドイ....

同ページのメニュー(黒背景のところ)に「↑ Dev.Opera」というリンクがあって、そっちのページの検索のテキストボックスではヒットするようです。なので、このドキュメントを検索したい場合は、そっちへ行った方がいいですね...

ちなみに

このページの下に
・Testing and debugging your extensions - Opera 15+ extensions documentation
http://dev.opera.com/extensions/tut_testing.html
図4 

Inspecting a popupという項目に同じような事が書かれてるので、ドキュメントよく読めって話ですね...


0 件のコメント :

コメントを投稿