Google Chrome Javascript Отладчик и Сценарии Контента - PullRequest
39 голосов
/ 22 мая 2009

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

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

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

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

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

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

Ответы [ 4 ]

45 голосов
/ 13 октября 2010

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

debugger;

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

38 голосов
/ 12 февраля 2014

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

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

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

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

Затем выберите «Сценарии содержимого» * ​​1011 *

enter image description here

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

8 голосов
/ 22 мая 2009

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

3 голосов
/ 02 июля 2010

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

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

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

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

...