Подтвердить что ты не робот

Отладка плунжера в хром-инструментах для разработчиков

Я создал файл javascript в Plunker, и я хочу его отладить. Когда я открываю панель "Источники", я не вижу файл js, который я создал. Я вижу только множество файлов плеера Plunker. Пожалуйста посоветуй. Спасибо

4b9b3361

ОТВЕТЫ

Ответ 1

У вас есть два основных параметра: развернуться к исходному файлу, который вы создали.

1. Использование режима всплывающего окна панели предварительного просмотра

По умолчанию предварительный просмотр выполняется внутри <iframe> внутри web-сервера plunker. Вы можете попросить плункер показать предварительный просмотр в отдельном окне, щелкнув значок синего расширения в правом верхнем углу окна предварительного просмотра. Если вы откроете инструменты для всплывающего окна, вы увидите только исходные файлы.

2. Щелкните правой кнопкой мыши элемент предварительного просмотра и нажмите элемент проверки

Выполнение этого способа позволит вам использовать встроенный предварительный просмотр в реальном времени и даст вам ярлык для перехода к DOM, связанного с вашим кодом.

Ответ 2

Другой способ заключается в том, чтобы поместить это в ваш файл javascript

отладчик;

и оставьте консоль открытой, что заставит отладчик не только остановиться, но и открыть файл.

Ответ 3

Картина стоит тысячи слов... F12, а затем выберите источники; plunkerPreviewTarget имеет исходный код

plunker debug chrome

Ответ 4

Более быстрый способ, который я нашел, - просто захватить уникальный id вашего plnk.

В обычном режиме редактирования URL-адрес будет выглядеть как

http://plnkr.co/edit/P0fqZG6G6khKKrtfBkDP?p=preview

Просто добавьте этот id - P0fqZG6G6khKKrtfBkDP к URL

http://run.plnkr.co/plunks/, поэтому становится

http://run.plnkr.co/plunks/P0fqZG6G6khKKrtfBkDP/

Важно: Сделайте двойной уверен, что вы добавите завершающий /

  • Open new URL in a new chrome window
  • Hit F12 in chrome, voila native angular JS debugging for your plnk

Примечание. Затем вы можете продолжить редактирование в plnkr, сохранить и просто обновить этот URL-адрес при отладке, чтобы поддерживать активный сеанс отладки.

Ответ 5

Это может измениться, но в настоящее время на Chrome 47.0.2526.111 м на Windows 10, 64 бит, вот как вы можете найти свои исходные файлы:

  • Открыть инструменты разработчика (F12)
  • Открытые источники
  • Посмотрите на run.plnkr.co
  • Развернуть это, чтобы показать один каталог с загадочным именем

Внутри вы найдете свои файлы, чтобы начать отладку