1

我正在尝试开发一个 Firefox 扩展，它添加一个面板，允许用户与任何网页的 DOM 进行交互。我想重用我已经构建的 Web 组件。Web 组件是使用 jquery、angular、d3 和其他一些库构建的，其中大多数不能很好地与 XUL 配合使用。为了解决这个问题，我包含了一个浏览器元素，该元素包含一个带有我的组件的网页。

<overlay id="testOverlay"
     xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

  <hbox id="browser">
    <splitter></splitter>
    <vbox flex="1">
      <browser
        src="chrome://testApp/content/index.html"
        type="content"
        flex="1"/>
    </vbox>
  </hbox>
</overlay>

这有效，并按预期在侧面的面板中显示我的 index.html。但是，我无法弄清楚如何调试 index.html 页面中包含的任何脚本。调试扩展的文档似乎非常稀少。

所以我的问题是：如何将 firefox 调试器指向我创建的窗格中的浏览器元素。

4

1 回答 1

3

按照此处的说明启用浏览器（而不是内容）调试器：https ://developer.mozilla.org/en-US/docs/Debugging_JavaScript#JavaScript_Debugger

在浏览器中加载脚本后，它们应该会在调试器的源窗格中可见（但在此之前不可见）。

如果你仍然不能让它工作，我会喜欢一个测试用例和详细的重现步骤，所以我可以尝试诊断问题:)

于 2013-10-10T20:39:34.420 回答