无法在Firefox

Question

我在Qualtrics中添加了一个非常简单的javascript / jQuery代码。它工作正常。但是，为了我自己的理解，以及我将来可能会将更复杂的jQuery代码与Qualtrics集成，我想检查一下Firefox中的流程。我尝试了Firebug以及浏览器内置的Web Developer工具，但是我无法看到任何导航到javascript代码。事实上，Firebug说没有javascript代码。

以下是我的firefox和firebug版本： Firefox 53.0.3 Firebug 2.0.19

任何帮助将不胜感激。

PS：我的Qualtrics代码：

Qualtrics.SurveyEngine.addOnload(function()
{
   /*Place Your JavaScript Here*/

   var txtItem =jQuery("#hiddentext");

   if (txtItem.length ) {
        //alert("jquery retrieval worked - DOM element found");

        txtItem.fadeIn(5000);  
        txtItem.css({"background-color": "yellow", "font-size": "200%", "display": "inline"});

    } else {
        alert("jquery retrieval did not work - DOM element NOT found");
    }
});

Answer 1

Firebug不再起作用了。您必须使用内置的开发人员工具。如果您在Qualtrics中使用JFE运行，请将以下命令添加到您要开始单步执行的脚本中。

debugger;

Answer 2

在脚本中放置一个断点，或者在希望脚本执行停止的位置添加debugger;语句。

如果它没有停在预期的线上，这可能有两个原因：

1. 执行到达您的行之前抛出的异常。在这种情况下，您应该检查控制台是否存在JavaScript错误。可以通过调试器设置（面板右侧的小齿轮图标）＆gt;禁用异常时停止脚本执行。 暂停例外。

2. 这是Firefox DevTools中的一个错误。在这种情况下，您应首先检查是否可以在Firefox Nightly（具有新的调试器UI）中重现此问题。如果可以在那里复制，你应该file a bug report for it。