PyCharm：在 Django 模板中调试 Javascript答案

【问题标题】：PyCharm: Debug Javascript in Django TemplatePyCharm：在 Django 模板中调试 Javascript
【发布时间】：2015-02-14 23:41:34
【问题描述】：

我不知道如何在 Django 模板中使用 PyCharm 调试 javascript。

当我尝试调试模板时——在模板中使用上下文菜单项“调试”——调试器启动，chromium 启动，并且我在 PyCharm 调试器控制台中看到以下错误消息：

GET http://localhost:8000/login net::ERR_CONNECTION_REFUSED

不用说，Chromium 窗口中不会显示任何内容。

我已经看到提示，我应该从 PyCharm 调试器脚本选项卡中“打开生成的文件”。但是由于铬没有加载任何东西，所以没有什么可以打开的。

我安装了 JetBrains chromium 调试器，据我所知，它正在运行。

在 PyCharm 中调试 Django 模板中的 javascript 的过程是什么？

【问题讨论】：

【解决方案1】：

为什么不在浏览器中使用诸如 firebug 之类的浏览器工具或 google chome 调试工具（取决于您使用的浏览器），如果您的代码是客户端，因为我假设应用程序的服务器端部分是用 python 脚本编写的这是最简单的解决方案。我在eclipse中也使用过JSDT，但不是很方便。

对于您发布的错误，我认为是服务器端/网络错误，请检查您的 views.py 或 django 教程中的示例，看看它是否在 WSGI（django 默认 Web 服务器）中公开。

【讨论】：

如果他要求这个（我也是这种情况），这是因为在同一个编辑器中调试更容易和实用，而且 PyCharm 中的变量检查比你能做的更强大在 firebug 或 google chome 调试工具中查找。
当然对于一个简单的 js 脚本是可能的。浏览器中的运行时是一件棘手的事情，JS 大部分时间与 HTML 和 css 以及您在浏览器所有外部脚本（来自 cnd 或其他来源）之前可能没有的其他代码进行交互。因此，它可能同样适用于较小的网络应用程序，但在复杂的网络应用程序中，我建议不要这样做（恕我直言）。

【解决方案2】：

为 Javascript 设置调试配置（不是文档可能会引导您使用的远程 Firefox/远程 Chrome）。将 URL 设置为呈现模板并运行此配置的应用程序的入口点。它应该启动一个浏览器并在你在 pycharm 中的 javascript 中设置的任何断点处停止。

【讨论】：