FirefoxでQualtrics Javascriptコードを検査/デバッグできない

Question

私は非常に単純なjavascript/jQueryコードをQualtricsに追加しました。それは正常に動作しています。しかし、私自身の理解のために、また将来複雑なjQueryコードをQualtricsと統合するかもしれないので、私はFirefoxでその流れを調べたいと思っていました。 Firebugとブラウザの組み込みWeb開発ツールの両方を試しましたが、javascriptコードへのナビゲーションは表示されません。実際、Firebugにはjavascriptコードがないと言っています。続き

は私のFirefoxと放火魔のバージョンです：任意の助け の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;ステートメントを追加します。

ことが期待される行で停止しない場合、これは、2つの理由があり：

1. 実行があなたのラインに到達する前にスローされた例外を。その場合は、コンソールでJavaScriptエラーをチェックする必要があります。デバッガの設定（パネルの右側にある小さな歯車のアイコン）>例外の場合は、で一時停止することで、例外でスクリプトの実行を停止することができます。

2. これはFirefox DevToolsのバグです。その場合、まずこの問題が新しいデバッガUIを持つFirefox Nightlyに再現できるかどうかを確認する必要があります。そこに再現できるのであれば、file a bug report for itです。