スキップしてメイン コンテンツに移動

Opera 15+ extensionsのconsole.logを見る

図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という項目に同じような事が書かれてるので、ドキュメントよく読めって話ですね...


コメント

このブログの人気の投稿

GolangでWindows GUIアプリケーション

GUIアプリ作成の前提 社内ツールとしてexeで配布 開発環境はGoLandを使う 社内ツールとしてexeを配布ということであれば、Visual StudioでC#による開発だと思います。しかしながら、Go言語を習得したいのと、GoLandの補完機能が便利で、Android Studio使っていたこともあり、とっつきやすいという点からGo縛りでGUIアプリケーションを考えたいと思います。 lxn/walk Windows application library kit for Go. Windows向けしか考えていないので、まずこのライブラリなのですが、ボタンやコンボボックスが思ったように並ばなかったり、手軽にイメージボタンを配置したりなど、簡単にレイアウトを変更できない課題に直面しました。レイアウト作成だけで時間を取られてしまいます。そう言えば、Androidアプリ開発のときは、XMLでデザイン部分を切り離してたのを思い出して、今回の調査の運びとなりました。 fyne-io/fyne Cross platform native GUIs designed for Go based on Material Design. Supports: Linux, macOS, Windows, BSD, iOS and Android. walkと比べると、クロスプラットフォームで作成できるのですが、こちらもコードの中にデザインを書いていく形でした。 therecipe/qt therecipe/qt allows you to write Qt applications entirely in Go or JavaScript. Qt Creatorなるものがあるようで、デザイン部分を切り離せる印象はあるものの、最新のPCでもビルドに時間がかかるようで、学習コストもかかるという記事を見かけて断念しました。 どうしたものかとツイートしましたら、下記のようにご助言をいただいた。 同じ課題に対し色々試した結果、PWAのフルキャッシュドに落ち着いた。中身はGo+WASMで。 https://t.co/e60whDTV16 — のぼのぼ📡 (@nobonobo) July 21, 2020 PWA 早速調べてみました。Googleが進めているプロジェクトで、ネイティブアプリのよ

Eclipseの高速化メモ

Eclipseが重いと一言に言っても、いろいろな工程での話があると思いますが、過去記事のなども含めてこの記事にピックアップしておきたいと思います。以下はWindows環境での話です。

Eclipseで一通り基本的なGitを使ってみる

備忘録的にまとめておきたいと思います。おかしな点があればご指摘いただければ幸いです。 目次 環境 プロジェクト作成~初コミットまで コミットの履歴&差分を見る 元に戻す ブランチについて ブランチを作成してみる ブランチを統合するには マージする Rebaseする ローカルリポジトリからプロジェクトを取り込む コミットしたメッセージの修正 環境 Eclipse IDE for Java Developers:Juno Service Release 1 Git:上記Eclipseのプリインストール版