如何使用 Visual Studio 在 Chrome 中进行完整的 JavaScript/TypeScript 调试(如 IE)
How to Get Full JavaScript/TypeScript Debugging in Chrome with Visual Studio (Like IE)
是否有使用 Chrome 与 Internet Explorer 当前提供的功能类似的交互式调试 JavaScript 和 Visual Studio 中的 TypeScript 的方法?使用 IE,我可以在 JavaScript 或 IDE 中的 TypeScript 中设置断点,并逐步执行 IDE 中的代码。我无法在 Visual Studio.
中使用 Chrome 获得相同的行为
要获得与任何基于 JavaScript/browser 的应用程序和 Visual Studio 完全集成的调试体验,您现在需要使用 Internet Explorer。由于 TypeScript 编译为 JavaScript,集成调试还需要 Internet Explorer。
如果我想使用其他浏览器,我经常使用的 "trick" 是在我的 TypeScript/JavaScript 代码中的某处添加 debugger;
语句,并在 [=38] 中打开开发工具=] ...,然后执行将停止在该指令上。只要启用了源映射,就应该在 Chrome 调试 window 中看到原始的 TypeScript 代码。然后,您可以使用 Chrome 调试工具来设置更多断点。如果文件没有改变,断点将从页面的 "refresh" 开始保留。
虽然这不允许我在 Visual Studio 内设置断点,但它仍然有效并且对我的开发来说效果很好。
2016 年 4 月更新
正如评论中的一些人所指出的那样,尽管体验不如 Internet Explorer 那么完整,但仍有改进的途径。按照概述的步骤进行操作 here。它涉及使用自定义命令行启动 Chrome(以启用远程调试):
chrome.exe --remote-debugging-port=9222
然后在启用 WebKit 调试的情况下附加到 Chrome 进程。您可以添加自定义浏览器以方便启动 Chrome。
(但是,我要补充一点,我无法以我认为有用且一致的方式使它工作,尤其是当我将 Chrome 用于大多数其他网页浏览。)
是否有使用 Chrome 与 Internet Explorer 当前提供的功能类似的交互式调试 JavaScript 和 Visual Studio 中的 TypeScript 的方法?使用 IE,我可以在 JavaScript 或 IDE 中的 TypeScript 中设置断点,并逐步执行 IDE 中的代码。我无法在 Visual Studio.
中使用 Chrome 获得相同的行为要获得与任何基于 JavaScript/browser 的应用程序和 Visual Studio 完全集成的调试体验,您现在需要使用 Internet Explorer。由于 TypeScript 编译为 JavaScript,集成调试还需要 Internet Explorer。
如果我想使用其他浏览器,我经常使用的 "trick" 是在我的 TypeScript/JavaScript 代码中的某处添加 debugger;
语句,并在 [=38] 中打开开发工具=] ...,然后执行将停止在该指令上。只要启用了源映射,就应该在 Chrome 调试 window 中看到原始的 TypeScript 代码。然后,您可以使用 Chrome 调试工具来设置更多断点。如果文件没有改变,断点将从页面的 "refresh" 开始保留。
虽然这不允许我在 Visual Studio 内设置断点,但它仍然有效并且对我的开发来说效果很好。
2016 年 4 月更新
正如评论中的一些人所指出的那样,尽管体验不如 Internet Explorer 那么完整,但仍有改进的途径。按照概述的步骤进行操作 here。它涉及使用自定义命令行启动 Chrome(以启用远程调试):
chrome.exe --remote-debugging-port=9222
然后在启用 WebKit 调试的情况下附加到 Chrome 进程。您可以添加自定义浏览器以方便启动 Chrome。
(但是,我要补充一点,我无法以我认为有用且一致的方式使它工作,尤其是当我将 Chrome 用于大多数其他网页浏览。)