サーバーからロードされたjavascript変数はchromeでは定義されていませんが、firefox

Question

フォームデータ入力後にデータがサーバー上で処理されます。結果は、データが入力された同じサイトのクライアントに即時に応答されます。ツール "visualize.js"には、可視化するための結果が必要です。

view.py：

if form.is_valid(): 
    //data processing ... 
    return render(request, 'data_input.html',{'n':n,'t':t,'f':f,'s':s}) 

data_input.html：Firefoxで

 <script type='text/javascript'> 
     var n_value = {{n}}; //to be visualized 
     var t_value = {{t}}; //to be visualized 
     var f_value = {{f}}; //to be visualized 
     var s_value = {{s}}; //to be visualized 
     </script> 
     <script type='text/javascript' src ="{% static "visualize.js" %}" ></script> 

変数が見つかりましたし、可視化、外部ツール "visualize.js" ではなくクロームで、彼らはしないように見えることができます
キャッチされていないReferenceError：nが定義されていません
私は「visualize.js」のようなコードトリックも試してみました。そこには成功はありません。

私は何か試してみることができますか？ありがとうございました。

Answer 1

私はすでに、私のjavascriptの視覚化ツールは、Google Chromeではなく、Firefoxでのみ動作すると述べました。

<script type='text/javascript'> 
var n_value = {{n|safe}}; //to be visualized 
var t_value = {{t|safe}}; //to be visualized 
var f_value = {{f|safe}}; //to be visualized 
var s_value = {{s|safe}}; //to be visualized 
</script> 

安全を使用する必要があります：私は多くのことを試した後、私はこの解決策を見つけました。