Детальное редактирование DOM / CSS с использованием инструментов разработчика IE9 F12: возможно?

Чтобы решить надоедливую компоновку только для IE и проблемы с CSS, я пытаюсь использовать IE9 ' инструменты разработчика для итеративного редактирования HTML и CSS. В идеале я могу получить паритет с рабочим процессом DOM / CSS-манипуляции, который я привык делать с Firebug и Webkit's Inspector.

Другими словами, я хочу иметь возможность многократно редактировать HTML и CSS одного элемента или группы элементов, а затем сразу же видеть, как мои изменения отражаются на экране.

Я разобрался с инструментами F12 ' «полностраничные» функции редактирования, где вы можете редактировать HTML всей страницы или весь CSS как блок, но даже после нескольких часов использования инструмента, чтения онлайн-справки и множества поисковых запросов в Google, я m все еще борется с более тонким редактированием, к которому я привык с Firebug.

Прежде чем я сдаюсь, знает ли кто-нибудь, как использовать инструменты F12, чтобы ...

  • ... отредактировать конкретный элемент и его дочерние элементы, не всю страницу сразу? (например, контекстное меню Firebug "редактировать HTML")
  • ... видеть изменения, сделанные в режиме редактирования, сразу же отображаются в браузере, вместо того, чтобы выходить из режима редактирования, чтобы увидеть изменения?
  • ... легко найти текущий выбранный элемент (с синим квадратом вокруг него) в окне редактирования?
  • ... удалить один элемент? (в firebug я могу просто выбрать элемент и щелкнуть «удалить»)
  • ... добавить новый стиль в класс без необходимости перебирать каждый стиль в документе, чтобы найти тот, который применим к элементу, который мне небезразличен ? (В firebug я могу просто дважды щелкнуть стиль на правой панели.)

Если вышеперечисленное невозможно с инструментами IE F12, то есть ли хороший альтернативный плагин для редактирования DOM / CSS?

Кстати. , Мое намерение в этом вопросе не в том, чтобы критиковать инструменты разработки IE9 (спасибо Microsoft за их включение из коробки), а в том, чтобы узнать, как работать с ними более продуктивно.

Также, кстати, я уже прочитал 20 других вопросов StackOverflow об эквиваленте firebug в IE, но большинство из них, похоже, касаются отладки javascript и проверки DOM только для чтения. Я не нашел недавних (IE9) статей о написании DOM / CSS. Поэтому я задаю еще один вопрос по этой теме ... извиняюсь, если это обман.

7
задан Justin Grant 8 April 2011 в 01:38
поделиться