从服务器加载的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：

        <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>

在firefox中，变量可以通过外部工具“visualize.js”找到并可视化，但在chrome中它们似乎没有用错误定义：
未捕获的ReferenceError：n未定义
我也尝试了一些代码技巧，比如“visualize.js”应该在结果出现后加载但没有成功。

我有什么想法可以试试吗？谢谢。