Search code examples
javascriptjqueryfirefoxfirebugqualtrics

Unable to inspect/debug Qualtrics Javascript code in Firefox

I have added a very simple javascript/jQuery code in Qualtrics. It is working fine. But, for my own understanding and since I might be integrating more complex jQuery codes with Qualtrics in the future, I wanted to examine the flow in Firefox. I tried both Firebug as well as the browser's inbuilt Web Developer tools, but I am unable to see any navigation into the javascript code. In fact, Firebug is saying there are no javascript codes.

Following are my firefox and firebug versions: Firefox 53.0.3 Firebug 2.0.19

Any help will be appreciated.

PS: My Qualtrics code:

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");
    }
});
Solution

  • Firebug doesn't work anymore. You'll have to use the built-in developer tools. If you are running under JFE in Qualtrics, add the following command to your script where you want to start stepping through.

    debugger;