Как получить полный JavaScript/TypeScript Отладка в Chrome с помощью Visual Studio (например, IE)

Есть ли метод интерактивной отладки JavaScript и TypeScript в Visual Studio с использованием Chrome, аналогичный функциям, которые в настоящее время предоставляются Internet Explorer? В IE я могу установить точку останова в JavaScript или TypeScript в среде IDE и выполнить код внутри среды IDE. Я не могу получить такое же поведение с Chrome в Visual Studio.

Ответы

Ответ 1

Для полностью интегрированного отладочного опыта с любым приложением на основе JavaScript/браузера и Visual Studio вам необходимо использовать Internet Explorer сегодня. Поскольку TypeScript компилируется в JavaScript, для интегрированной отладки также требуется Internet Explorer.

"Трюк", который я часто использую, если я хочу использовать другой браузер, - это добавить оператор debugger; где-то в моем коде TypeScript/JavaScript и открыть инструменты разработки в Chrome..., и тогда выполнение будет остановитесь на этой инструкции. Пока у вас есть исходные карты, вы должны увидеть исходный код TypeScript в окне отладки Chrome. Затем вы можете использовать инструменты отладки Chrome, чтобы установить дополнительные точки останова. Если файл не изменяется, точки останова будут сохраняться с "обновления" страницы.

Это не позволяет мне устанавливать точки останова в Visual Studio, но это все еще эффективно и достаточно хорошо работает для моего развития.

Обновление апреля 2016 года

Как уже отмечалось в комментариях, существует путь к тому, чтобы сделать эту работу немного лучше, хотя опыт не такой же совершенный, как Internet Explorer. Следуйте инструкциям здесь. Это включает запуск Chrome с помощью специальной командной строки (для включения удаленной отладки):

chrome.exe --remote-debugging-port=9222

И затем присоединение к процессу Chrome с включенной отладкой WebKit. Вы можете добавить пользовательский браузер, чтобы упростить запуск Chrome.

Добавление пользовательского браузера

(Но я добавлю, что мне не удалось заставить это работать таким образом, чтобы я нашел полезным и последовательным, тем более, что я использую Chrome для большинства других веб-браузеров.)