safari-extension - サファリ拡張ポップオーバーをデバッグする方法は？

Question

サファリで拡張ポップオーバー用のJavaScriptコンソールを開く方法は？

ありがとう。

Answer 1

残念ながら、Appleはポップオーバー用のコンソールを開く方法を提供するのを忘れたようです。

ポップオーバーのデバッグをいくらか容易にするために、ポップオーバーのスクリプトから拡張機能のグローバルページのconsole.log（）メソッドを使用できます。

  safari.extension.globalPage.contentWindow.console.log()

これにより、グローバルページのコンソールに書き込まれます。

Answer 2

Stumbled here, looking for something else with popovers ;)

ポップオーバーのどこかを右クリックすると、[要素の検査]コンテキストメニューポイントが表示されます。キッカーは次のとおりです。ポップオーバーが「真の」ウィンドウである場合と同じように、ポップオーバーウィンドウのサイズに制限されます。それを楽しんでください。

Answer 3

console.log（）はポップオーバーに対して機能します。

しかし、グローバルコンソールではありません。PopoverのinspectElementを使用すると、プライベートコンソールが表示されます。

---

---

また、ポップオーバーhtmlにインラインJSがある場合は、デバッガーとブレークポイントなどのツールを使用できます。

Answer 4

デバッグするには、popover.htmlをポップオーバーに配置する代わりに、ウィンドウを動的に作成し、そこにpopover.htmlを配置します。デバッグ後、元に戻します。

safari.application.addEventListener("command", OpenPopUp, false);    
function OpenPopUp(event) {
var newTab = safari.application.openBrowserWindow().activeTab.url = safari.extension.baseURI + "your_pop_up.html";
}

stackoverflowに投稿するのはこれが初めてです。（香港から）投票してください。

Answer 5

実際には、ポップオーバーをデバッグできます。ポップオーバーは小さなウェブページです。右クリックして、通常のウェブページのように調べてください。

Answer 6

ポップオーバービューを右クリックし、コンテキストメニューから[要素の検査]を選択します。これは、ポップオーバーDOMページのコンソールです。通常のWebページとして、エラーの表示、デバッグ、検査を行うことができます。