Как установить точки останова во встроенном JavaScript в Google Chrome?

Question

Когда я открываю Инструменты разработчика в Google Chrome, я вижу все виды функций, таких как Профили, Временные шкалы и Аудиты, но основные функции, такие как возможность устанавливать точки останова как в js-файлах, так и в HTML-коде и коде JavaScript, отсутствуют!Я пытался использовать консоль javascript, которая сама по себе глючит - например, когда она сталкивается с ошибкой JS, я не могу выйти из нее, пока я не обновлю всю страницу.Может кто-нибудь помочь?

Answer 1

Использование Visual Studio (2012) У меня возникла та же проблема, и переключение на IIS Express решило проблему!

Атрибут type тега script не учитывает его.

По какой-то причине Сервер разработки Visual Studio не обеспечивает всего, что требуется Chrome для включения точек останова.

Answer 2

Я знаю, что вопрос не о Firefox, но я не хотел добавлять копию этого вопроса, чтобы просто ответить на него сам.

Для Firefox вам нужно добавить debugger;, чтобы иметь возможность делать то, что @ matt-ball предложено для тега script.

Таким образом, в вашем коде вы добавляете debugger над строкой, которую хотите отладить, а затем можете добавлять точки останова. Если вы просто установите точки останова в браузере, он не остановится.

Если это не место для добавления ответа Firefox, учитывая, что вопрос касается Chrome. Не :( минус ответ, просто дайте мне знать, где я должен опубликовать его, и я с удовольствием переместлю сообщение.:)

Answer 3

Это расширение ответа Риана Шмитса выше.В моем случае в мой код JavaScript был встроен HTML-код, и я не мог видеть ничего, кроме HTML-кода.Возможно, в течение многих лет отладка Chrome менялась, но при щелчке правой кнопкой мыши на вкладке «Источники / источники» я получил Добавить папку в рабочую область .Я смог добавить весь свой проект, который дал мне доступ ко всем моим JavaScripts.Вы можете найти более подробную информацию по этой ссылке .Надеюсь, это кому-нибудь поможет.