Google Chrome Javascript Отладчик и Сценарии Контента

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

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

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

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

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

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

4 ответа

Решение

Все эти ответы, похоже, устарели, и, поскольку в Google это занимает высокое место, вот актуальный ответ:

В Chrome Press CTRL+SHIFT+i воспитывать инструменты разработчика.

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

Нажмите на маленькую стрелку, которая позволяет вам выбрать из сценариев

Затем выберите "Сценарии содержимого"

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

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

debugger;

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

Щелкните правой кнопкой мыши и выберите Inspect Element, там вы найдете отладчик JS среди других инструментов отладки. Отладчик JS должен позволять вам устанавливать точки останова и т. Д.

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

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

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

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

Другие вопросы по тегам