JS-редактор инструментов разработчика Firefox (например, firebug)?

введите здесь описание изображения

Кто-нибудь знает, есть ли способ показать редактор кода javascript в инструментах разработчика Firefox, который выглядит как firebug?

Я считаю, что гораздо удобнее работать таким образом над большими и сложными фрагментами кода, где я могу видеть код справа и результат слева.


firefox-developer-tools firefox firebug
person vsync    schedule 13.12.2016    source источник

Ответы (2)


arrow_upward
4
arrow_downward

В Firefox DevTools есть что-то под названием блокнот, который напоминает редактор кода Firebug.

Это отдельное окно, но есть способ сделать это как панель внутри DevTools.

Кроме того, он поддерживает возможность сохранять/открывать скрипты, имеет автодополнение на основе tern, красивую печать и даже может позволить вам выполнять код в контексте браузера (что может быть полезно, если вы когда-либо работали над самим интерфейсом Firefox). .

person pbrosset    schedule 14.12.2016
comment
Спасибо. это бледная имитация всемогущего Firebug, и нет возможности поместить панель внутрь DevTools. У меня такое чувство, что ты никогда не делал этого сам, верно? он помещает только крошечную кнопку в набор инструментов разработчика, которая может открыть новое окно блокнота при нажатии - person vsync; 15.12.2016
comment
pbrosset является частью команды Firefox DevTools, так что он знает, о чем говорит. Обратите внимание, что вам необходимо установить флажок Блокнот в разделе Инструменты разработчика по умолчанию, не вариант в разделе Доступно Кнопки панели инструментов. - person Sebastian Zartner; 18.12.2016

arrow_upward
2
arrow_downward

Перейдите к Toolbox options (нажмите F12, затем щелкните значок gear), под Default Developer Tools отметьте Scratchpad (это добавит новую вкладку в инструменты разработчика, такие как Консоль и... под названием Scratchpad), нажмите Scratchpad чтобы активировать это.

Как сказал @pbrosset, в Scratchpad вы можете написать JS коды (это действительно здорово), а с помощью Ctrl+R (вам нужно выбрать код для этого) или с помощью кнопки Run вы может запустить код. результат будет показан на вкладке Console. Если вы хотите увидеть Console и Scratchpad, не переходя на их вкладки, просто нажмите Esc или щелкните значок Toggle split console.

Надеюсь, это поможет.

Обновить

Возможно, вам стоит попробовать это дополнение Боковая панель консоли

person Mehdi Dehghani    schedule 03.01.2017
comment
и чем ваш ответ отличается от его? это то же самое - person vsync; 03.01.2017
comment
@vsync Я просто хочу рассказать больше о том, как пользователи могут активировать и использовать этот инструмент. потому что это было слишком долго, я решил сделать это как ответ, а не комментарий. - person Mehdi Dehghani; 04.01.2017
comment
Большое тебе спасибо. в любом случае, этот инструмент отстой :/ он сильно отстает от Firebug UX - person vsync; 04.01.2017
comment
@vsync Добро пожаловать, как вы знаете, к сожалению, Firebug больше не доступен для Firefox вы можете использовать его, отключив e10s, но вы знаете, я думаю, что этот инструмент не так уж плох, конечно, есть некоторые пропущенные функции в Firefox Dev Tools, которые есть в Firebug, но другого выхода нет. будем надеяться на добавление более интересных функций командой Firefox. - person Mehdi Dehghani; 04.01.2017
comment
что такое e10s? Я все еще использую Firefox с firebug, что вы имеете в виду? - person vsync; 04.01.2017
comment
@vsync e10s — это сокращенное название для Electrolysis, Electrolysis — это название проекта Mozilla по разделению Firefox на несколько процессов для повышения скорости отклика, стабильности и безопасности, пожалуйста, взгляните на мой ответ Здесь и упомянутые ссылки. - person Mehdi Dehghani; 05.01.2017
comment
Да, я недавно читал об их попытках разделить вкладки на отдельные процессы. о времени.. - person vsync; 05.01.2017
comment
Да, я использую Nightly версию Firefox, я думаю, что эта функция не включена по умолчанию для всех пользователей (в стабильной версии Firefox) на данный момент, это действительно классная функция - person Mehdi Dehghani; 05.01.2017
comment
У меня CMD+R перезагружает страницу (CTRL+R ничего не делает). +1 рядом с консолью и кодом, как в Firebug. - person 1.21 gigawatts; 22.03.2017