Chrome Отладчик только для файла JS

Question

Итак. Тупой вопрос.

Я использую инструменты разработчика на chrome, по сути, как мою IDE на вкладке источника. У меня есть файл JS, пишущий программу без ассоциированных файлов html / css. Могу ли я использовать отладчик для моего файла JS? В частности, я хочу войти в функцию

Answer 1

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

Пример ниже приведен в качестве примера (выбрана строка 33 подтверждения. js).

Answer 2

Существует несколько различных способов отладки / тестирования вашего JS кода, Chrome - это только один из них.

1. QUOKKA

Quokka. js - это инструмент повышения производительности разработчика для быстрого создания прототипов JavaScript / TypeScript. При запуске значения времени выполнения обновляются и отображаются в вашей IDE рядом с вашим кодом.

Записная книжка Runkit Записные книжки RunKit полностью избавляют от необходимости пробовать новые идеи. Одним щелчком мыши вы получите изолированную среду JavaScript, в которой вы можете мгновенно переключать версии узлов, использовать каждый модуль npm, не дожидаясь его установки, и даже визуализировать свои результаты. Нет больше настроек, просто прямо к кодированию.

Хопа Хопа - это бегун JavaScript / TypeScript с нулевой конфигурацией прямо в вашем терминале.

JSComplete детская площадка Это игровая площадка для JavaScript и React. Вы можете использовать его для тестирования простого кода или идей прототипа. Это требует современного браузера, который понимает ES2015 (ES6).

Расширения VSCode Javascript REPL Javascript REPL - это javascript игровая площадка для кода Visual Studio с живой обратной связью (журналами или ошибками) в виде Вы вводите, помимо вашего кода, в проводнике журнала или в выходном канале. Он поддерживает Javascript, TypeScript, CoffeeScript и может использоваться для разработки в Node.js проектах или с интерфейсными средами, такими как React, Vue, Angular, Svelte et c.