12

如何在 Safari 中打开扩展弹出框的 javascript 控制台?

谢谢。

4

6 回答 6

12

不幸的是,Apple 似乎忘记提供一种方法来打开弹出窗口的控制台。

为了便于调试弹出框,您可以从弹出框的脚本中使用扩展全局页面的 console.log() 方法:

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

这将写入全局页面的控制台。

于 2011-08-09T22:07:27.943 回答
4

console.log() 确实适用于 Popovers。

但不是全局控制台。在 Popover 上使用检查元素,您将获得它的私人控制台。

在此处输入图像描述


在此处输入图像描述


此外,如果您的 popover html 中有内联 JS,您可以使用调试器及其断点等工具

在此处输入图像描述

于 2015-01-14T12:11:22.097 回答
4
Stumbled here, looking for something else with popovers ;)

如果您右键单击弹出窗口中的某处,现在有一个Inspect Element上下文菜单点。这是踢球者:它将被限制为弹出窗口的大小,就像弹出窗口是“真实”窗口一样。玩得开心。

于 2012-05-27T21:49:00.697 回答
2

要调试,动态创建一个窗口并将您的 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 上发帖。(来自香港)请给我投票吧。

于 2012-01-23T13:28:17.693 回答
0

右键单击弹出视图并从上下文菜单中选择“检查元素”。这是弹出框 DOM 页面的控制台。您可以像普通网页一样查看错误、调试、检查。

于 2014-09-09T14:46:06.090 回答
0

实际上你可以调试一个弹出框。弹出框只是一个小网页,只需右键单击它并像普通网页一样检查它。

于 2013-05-20T19:23:13.823 回答