Google Chrome Javascript отладчик и скрипты контента

этот вопрос был задан аналогично до, но я не могу отлаживать Javascript в Google Chrome.

Если я перейду на страницу > разработчик "отладка Javascript" (Ctrl+Shift+L) отключен. Alt + ` не работает.

Я разрабатываю расширение "content script", поэтому я запускаю chrome с --enable-extensions.

в идеале я хотел бы установить точки останова и шаг / выполнить мой скрипт по мере его выполнения. Я немного не в себе, когда дело доходит до JavaScript, поэтому любое руководство приветствуется.

Я могу добраться до "консоли JavaScript", но не могу найти сценарии содержимого внутри этого. Я также не уверен, чем это отличается от отладчика JavaScript.'

Я использую последнюю версию сборки Chrome (2.0.181.1) в Windows XP.

39
google-chrome javascript script-debugging

4 ответов

эти ответы все, кажется, устарели, и так как это рейтинг высоко в google, вот актуальный ответ:

в Chrome нажмите CTRL+SHIFT+i для вызова инструментов разработчика.

Выберите 'Источники'

нажмите на маленькую стрелку, которая позволяет выбрать один из сценариев enter image description here

выберите 'сценарии'

enter image description here

затем вам нужно будет узнать идентификатор вашего расширения (доступно из chrome страница "управление расширениями"), чтобы добраться до скриптов и отладить их как обычно.

37

введите в скрипт следующую команду:

debugger;

это запустит отладчик Javascript, когда он доберется до этой точки

45

щелкните правой кнопкой мыши и выберите проверить элемент, там вы найдете отладчик JS, среди других инструментов отладки. Отладчик JS позволит вам устанавливать точки останова и т. д.

8

Что вам нужно сделать, это включить расширение, а затем в Chrome нажмите "разработчик" - > "консоль Javascript". Затем перейдите на вкладку "Скрипты". После этого вы должны увидеть список чуть ниже всех загруженных скриптов. Вы увидите сценарии для текущей страницы, а также все сценарии для любых установленных расширений. (Если вы не видите никаких скриптов, перечисленных после открытия консоли, вам может потребоваться обновить)

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

тогда это просто вопрос поиска по сценариям в раскрывающемся списке для вашего сценария. Выберите свой сценарий, и вы можете установить точки останова и т. д.

здесь гораздо больше информации об инструментах Chrome Dev: http://www.chromium.org/devtools

3