【问题标题】:Debug third party Javascript with Visual Studio?使用 Visual Studio 调试第三方 Javascript?
【发布时间】:2017-12-28 10:33:47
【问题描述】:

我需要从外部源调试 Javascript。我发现您可以使用 Firefox 或 Chrome 使用内部 JS 调试器来调试脚本。但是这些浏览器开发工具中的功能是有限的,与优秀的 IDE 中的功能不同。例如,我无法为断点创建条件或将命令指针设置为任何其他代码行。所以我的问题是如何使用 Visual Studio 或任何其他舒适的 IDE 来做到这一点?我首先在 VS 中打开一个新的 Web 应用程序,并尝试在本地下载所有脚本。这将一直有效,直到涉及与在真实浏览器中运行不同的特殊参数,例如window.location.href

有什么建议吗?

【问题讨论】:

    标签: javascript visual-studio debugging


    【解决方案1】:

    您可以将关键字“debugger”添加到要调试的行(在 JS 脚本文件中),然后按 F5 在调试模式下运行 Visual Studio。

    https://stackoverflow.com/a/29385418/9125096

    更新: 首先,你需要在 JavaScript 调试中启用... 在 Debug 的选项中:

    Enable JavaScript debugging for ASP.NET

    我的 JS 代码是这样写的:

    alert(1)
    debugger;
    alert(2)
    

    JS code in Temp.js file

    并将其作为外部源放入 html 文件中: HTML FILE

    然后我按 F5,它会显示第一个警报: enter image description here

    我点击确定,它停在 Temp.js 文件中的 debugger 位置: enter image description here

    【讨论】:

      【解决方案2】:

      Debugger for Chrome extension 的 Visual Studio Code 可以帮助您在 Visual Studio Code IDE 中调试 Javascript。

      请根据本文档安装Visual Studio code 并安装Debugger for Chrome 扩展:

      https://code.visualstudio.com/docs/editor/extension-gallery#_browse-and-install-extensions

      现在您可以打开您的项目并开始调试您的项目。在 Chrome 中启动后,您可以通过 Debug 菜单 -> New Breakpoint 添加断点来选择要添加的断点类型。

      【讨论】:

      • 这似乎有效。非常感谢。我还不能将答案标记为正确答案。我只是想知道为什么它只工作一次。现在它不再向我显示 VS Code 中的任何“已加载脚本”。无论如何,这也可以使用完整的 VS 还是仅在 VS Code 中?有没有像chrome开发者工具一样美化JS的扩展?
      猜你喜欢
      • 1970-01-01
      • 2021-06-27
      • 1970-01-01
      • 1970-01-01
      • 2010-09-06
      • 2015-07-09
      • 1970-01-01
      • 1970-01-01
      • 2018-06-05
      相关资源
      最近更新 更多