Существуют ли консоль javascript и дерево DOM в редакторе Atom?

У меня есть страница index.html, и я хотел бы видеть дерево DOM для страницы, а также вывод консоли javascript только с этой страницы. В настоящее время я вижу дерево DOM (Просмотр> Разработчик> Переключить инструменты разработчика) для всего редактора Atom, но я могу детализировать только до объекта ‹> с типом плагина браузера — я не вижу html-элементы моя страница, например SVG. И когда я набираю console.log('whatever'); ничего не отображается в консоли - опять же, Atom, похоже, ориентирован на журналы загрузки редактора Atom, а не на загрузку index.html.

Клиент просит меня использовать этот текстовый редактор, но я не понимаю, как я могу использовать его, если эти функции не работают. Кто-нибудь знает, есть ли они в наличии и где они?

Спасибо, Эмма.


person emma    schedule 20.06.2016    source источник
comment
Обычно, если вы хотите протестировать веб-страницу, вы должны использовать для этого веб-браузер, а не текстовый редактор.   -  person Quentin    schedule 20.06.2016
comment
Спасибо. Выполняя это локально через Chrome, я получаю ошибки «запроса между источниками» при загрузке данных CSV и XML. Я пытаюсь продемонстрировать студентам - и не хочу загружать сервер для каждого крошечного изменения в коде.   -  person emma    schedule 20.06.2016
comment
Тогда запускай локальный сервер.   -  person Quentin    schedule 20.06.2016
comment
Спасибо, да, я могу, но я не хочу тратить половину курса на объяснение студентам, что такое локальный сервер. Это онлайн-видеокурс, и они будут имитировать мою установку. Проблема исчезнет, ​​если я смогу найти текстовый редактор с предварительным просмотром и консолью (как в Coda 2). Но мой клиент по понятным причинам хочет, чтобы текстовый редактор был бесплатным для Mac/Windows. Я так понимаю из вашего ответа, что у редактора Atom нет плагина или решения для этого?   -  person emma    schedule 20.06.2016
comment
Я понятия не имею. 10 секунд, которые требуются для ввода php -S 0.0.0.0:7007, означают, что у меня никогда не было необходимости пытаться взломать мой редактор, чтобы он стал IDE.   -  person Quentin    schedule 20.06.2016
comment
Спасибо, Квентин. Похоже, что Firefox и Firebug смогут делать то, чего не может Chrome (что необычно).   -  person emma    schedule 20.06.2016


Ответы (1)


Atom не является редактором WYSIWYG, чтобы увидеть дерево DOM, вам нужно открыть файл в браузере и протестировать его там. Или вы можете использовать этот плагин https://atom.io/packages/atom-html-preview< /а> . не уверен, что вы можете получить доступ к дереву DOM там. Вам нужно будет попробовать это.

person Robin Knaapen    schedule 20.06.2016