无法在 Firefox 中 inspect/debug Qualtrics Javascript 编码

Question

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

以下是我的 firefox 和 firebug 版本：火狐 53.0.3 Firebug2.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; 您希望脚本停止执行的语句。

如果没有停在预期的行，可能有两个原因：

在执行到达您的行之前抛出的异常。在这种情况下，您应该检查控制台是否有 JavaScript 错误。可以通过调试器设置（面板右侧的小齿轮图标）禁用异常时停止脚本执行> 异常时暂停。
这是 Firefox DevTools 中的错误。在那种情况下，您应该首先检查此问题是否可以在 Firefox Nightly (which has a new debugger UI). If it can be reproduced there, you should file a bug report for it.

无法在 Firefox 中 inspect/debug Qualtrics Javascript 编码

Unable to inspect/debug Qualtrics Javascript code in Firefox

javascript

firefox

jquery

firebug

qualtrics