2016-12-13 14 views
3

enter image description hereFirefox Developer Tools JS editor (как firebug)?

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

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

ответ

4

У Firefox DevTools есть что-то по имени Scratchpad, которое напоминает редактор кода Firebug.

Это a separate window, но есть способ получить его как a panel inside DevTools.

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

+0

Спасибо. это бледное подражание всемогущему Firebug, и нет возможности разместить панель внутри DevTools. У меня такое чувство, что ты никогда не делал это сам, правильно? он только помещает крошечную кнопку в инструментарий разработчика, который может открыть новое окно с блокнотом при нажатии – vsync

+0

pbrosset является частью команды разработчиков Firefox DevTools, поэтому он знает, о чем говорит. Обратите внимание, что вам нужно проверить параметр * Scratchpad * в разделе *** Инструменты разработчика по умолчанию ***, ** не ** под * Доступные кнопки панели инструментов *. –

2

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

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

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

Update

Может быть, вы должны попробовать эту надстройку Console Sidebar

+0

и как ваш ответ отличается от его? это то же самое – vsync

+0

@vsync. Я просто хочу сказать больше информации о том, как пользователи могут активно использовать этот инструмент. потому что это было слишком долго, я решил сделать это как ответ, а не комментарий. –

+0

Большое спасибо. во всяком случае, этот инструмент засасывает:/это путь за Firebug UX – vsync

 Смежные вопросы

  • Нет связанных вопросов^_^