Как отлаживать модули JavaScript с помощью консоли браузера?

Я использую свой файл JavaScript в качестве модуля:

<script type = "module" src = "main.js"></script>

Но когда мой HTML загружается, любой объект внутри main.js недоступен из консоли отладки браузера, говоря, что переменная не определена.

Основной.js:

var MyVar = 10;

При установке точки останова в main.js я могу нормально обращаться к объектам. Но потом программа останавливается, и я хочу кое-что манипулировать, пока все работает.

Как я могу получить доступ к (глобальным) объектам в файлах JavaScript, которые я включил как module?

Попробуйте добавить следующую строку кода и поставить там точку останова, а затем попробуйте вести журнал консоли, когда отладчик достигнет точки останова.

Bhavya Dhiman 20.11.2022 18:25

«Как я могу получить доступ к (глобальным) объектам в файлах JavaScript, которые я включил в качестве модуля?» - они не глобальные, в этом весь смысл модулей. Вы могли бы выставить несколько объектов, назначив их глобальным переменным, поможет ли это? Или вам действительно нужно выполнять произвольный код в области модуля?

Bergi 20.11.2022 19:10

@Bergi оба могли бы работать на меня сейчас (по крайней мере, чтобы лучше понять модуль в целом). Я пытался экспонировать объекты, но не нашел правильного способа сделать это.

Bart Friederichs 20.11.2022 19:47
Как использовать API парсинга квитанций с помощью JavaScript за 5 минут?
Как использовать API парсинга квитанций с помощью JavaScript за 5 минут?
В этом руководстве вы узнаете, как использовать API парсинга квитанций за 5 минут с помощью JavaScript. Eden AI предоставляет простой и удобный для...
Хук useOnClickOutside в ReactJS
Хук useOnClickOutside в ReactJS
Как разработчик ReactJS, вы, возможно, сталкивались с ситуацией, когда вам нужно закрыть модальное или выпадающее меню, когда кто-то щелкает за его...
Хуки (часть-2) - useEffect
Хуки (часть-2) - useEffect
Хук useEffect - один из самых мощных и универсальных инструментов в арсенале разработчика React. Он позволяет вам управлять побочными эффектами в...
Простое руководство по тестированию взаимодействия с пользователем с помощью библиотеки тестирования React
Простое руководство по тестированию взаимодействия с пользователем с помощью библиотеки тестирования React
В предыдущем посте я показал вам на примерах, как писать базовые тесты в React. Важнейшей частью пользовательского интерфейса приложений является...
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
Создайте титры как в звездных войнах с помощью CSS и Javascript
Создайте титры как в звездных войнах с помощью CSS и Javascript
Если вы веб-разработчик (или хотите им стать), то вы наверняка гик и вам нравятся "Звездные войны". А как бы вы хотели, чтобы фоном для вашего...
2
3
55
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете поставить точку останова в модуле, затем, когда программа будет остановлена, проверить область , чтобы найти объект, который вы ищете, затем щелкнуть правой кнопкой мыши и сохранить как глобальную переменную. Даже после продолжения выполнения объект будет доступен в глобальной области видимости под этой переменной. Вы также можете сделать это вручную, поставив присваивание window.myGlobal = interestingObject либо непосредственно в код модуля, либо введя его в консоли при остановке на точке останова.

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