Question

我正在尝试开发一个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调试器指向我创建的窗格中的浏览器元素。

Answer 1

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

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

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

调试firefox扩展中的浏览器元素

1 个答案: