Есть ли способ, чтобы firebug одновременно отображал консоль и окна HTML? - PullRequest
4 голосов
/ 04 июня 2009

Я часто тестирую код, который манипулирует DOM. Я могу вставить его и запустить в консоли затем переключитесь на вкладку HTML, чтобы увидеть, имел ли он желаемый эффект. Затем, когда я переключаюсь обратно в вид консоли, мой код пропадает, и мне приходится заново его вставлять. Это боль.

Что мне действительно нужно, так это иметь консоль в правом окне и HTML-представление в левом окне. Затем, по-видимому, я мог (в идеале) запустить свой код и сразу же увидеть влияние на элементы HTML, отображаемые в левом окне.

Есть ли способ сделать это? (или, возможно, какое-то расширение для него).

Ответы [ 3 ]

1 голос
/ 07 июня 2009

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

Предыдущие команды можно отобразить в консоли firebug с помощью клавиш вверх / вниз.

1 голос
/ 04 июня 2009

Последняя альфа-версия Firebug 1.4 сохраняет самый последний код, когда вы переключаетесь назад и вперед. У этого также есть некоторые изящные особенности как "сломай на следующем" - очень круто! Я не могу ждать, пока это бета / зрелый. хм ... я думаю, что это буквально - я не могу ждать. Я использую альфа. ;)

захватить firebug-1.4.0a31.xpi

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

0 голосов
/ 20 августа 2012

Я знаю, что это старый вопрос, но он все еще может быть полезен для тех, кто находит этот вопрос.

Вы можете запустить экземпляр Firebug Lite, используя этот букмарклет, например:

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

После этого вы можете иметь панель HTML в основном расширении Firebug, а консоль - в букмаркете Firebug Lite.

Обычно мой основной Firebug располагается справа, что хорошо работает при рендеринге Firebug Lite снизу и в настоящее время не имеет опции позиционирования.

...