Opera dragonfly

[Vlad]

Изучаю Стрекозу, создается впечатление у меня, что этот инструмент сильно обрезан в плане работы с CSS. По сравнению с Firebug и Веб-инспектор нельзя добавлять новые правила, редактировать существующие. В документации сплошная патока, мало что конкретного, но много рекламных лозунгов.

На всякий случай решил уточнить момент — действительно, подобно Firebug нельзя редактировать свойства или я не сумел отыскать эту возможность?

[Shift-Web]

А ещё инструмент жутко тормозной ): Работать с ним невозможно

[sigma77]

Влад,

Нельзя редактировать свойства определяемые самим браузером. Если есть свои заданные стили, то их можно и редактировать и задаватьновые.

Также нельзя, вроде, задавать инлайновые стили (в ФФ редактировать стиль элемента). Правда есть один "хак" Можно при редактировании (в самой стрекозе) докумета вставить style="". Тогда появится возможность задавать ему стили.

Но да, стрекоза - жутко неудобная.

[Vlad]

Как редактировать заданные стили понял, но не могу добавить новое свойство, которого в списке нет. Это возможно, Оксана?

[sigma77]

Сейчас не за компом. Но, если не ошибаюсь, слева под окном со документом две вкладки: html и css. Вот во вкладке css как раз и можно добавлять.

[swetlana]

Возможно.

Ставим курсор на селектор или один из его стилей, жмём ентер — и вводим новое правило.

[Vlad]

Это же получится изменение существующего, а не добавление нового.

[swetlana]

Влад, уточним: новый селектор или новое свойство?

Как новый селектор в css добавить средствами dragonfly — тоже не знаю.

Как добавить новое свойство:

шаг1:

Кусрсор стоит на каком-то из существующих свойств. Нажимаем энтер, и…

[Vlad]

Спасибо, Светлана, помогло. Но из десяти попыток только две оказались удачными. Какой-то сырой инструмент и совершенно неудобный, если получается только на пятый раз.

[swetlana]

ну да, сырой, неудобный, но уж какой есть. Лучше, чем ничего.

Под IE и такого нет. Или есть?

[Vlad]

Обижаете, конечно есть и даже в чем-то лучше.

[swetlana]

а что это?

Просто мне известно лишь то, что встроено в IE8, и Developer Toolbar для старичков. Но как этим пользоваться — вообще неясно.

Edited February 11, 2011 by swetlana

[Vlad]

Developer Toolbar отошел в мир иной после того, как появились Средства разработчика IE. По возможностям похож на Стрекозу, но есть одно важное преимущество: позволяет тестировать страницу как IE7, IE8, IE9. Т.е. можно быстро переключаться между режимами и смотреть результат. Ну и отключить, добавлять, править стили на лету, как у "взрослых". Единственное применение это отладка сайта под IE. Как самостоятельное средство не котируется, когда есть монстры вроде Firebug и веб-инспектора.

[swetlana]

так Средства разработчика IE — это именно то, что по умолчанию встроено в IE8?

[Vlad]

Да, это оно и есть.

[sigma77]

По возможностям похож на Стрекозу, но есть одно важное преимущество: позволяет тестировать страницу как IE7, IE8, IE9.

Там еще есть одна фишка, которая мне нравится — отслеживать стили. Очень удобно при объемных css. Стили группируются по свойствам и видно всю иерархию наследования.

Свет,

Есть еще firebug lite. Устанавливается как надстройка. Скриптом или букмарклетом.

http://getfirebug.com/firebuglite

[swetlana]

Там еще есть одна фишка, которая мне нравится — отслеживать стили. Очень удобно при объемных css. Стили группируются по свойствам и видно всю иерархию наследования.

О да! Это бывает интересно.

Свет,

Есть еще firebug lite. Устанавливается как надстройка. Скриптом или букмарклетом.

http://getfirebug.com/firebuglite

А спасибо!

Интересная штуковина.

Выглядит заманчиво, надо попробовать.

[Great Rash]

Есть еще firebug lite. Устанавливается как надстройка. Скриптом или букмарклетом.

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

[Shift-Web]

Great Rash >>>

+100500 ... классная штука

[sigma77]

А я к вебкитовским веб-инспекторам никак не могу привыкнуть, постоянно каких-то функций, которые есть в фаербаге не хватает.

По мне, если брать в комплексе, ничего удобнее нету

+ web developer, pixel perfect и по желанию валидатор

[psywalker]

Developer Toolbar отошел в мир иной после того, как появились Средства разработчика IE. По возможностям похож на Стрекозу, но есть одно важное преимущество: позволяет тестировать страницу как IE7, IE8, IE9. Т.е. можно быстро переключаться между режимами и смотреть результат.

Я бы так не стал утверждать. Я уже тестил скрипты и вёрстки таким макаром, переключая режимы и не раз замечал, что ИЕ9 в режимах (например ИЕ7), вёрстка выглядит по разному там и например в родном ИЕ7

[sigma77]

Я бы так не стал утверждать. Я уже тестил скрипты и вёрстки таким макаром, переключая режимы и не раз замечал, что ИЕ9 в режимах (например ИЕ7), вёрстка выглядит по разному там и например в родном ИЕ7

Да, некоторые отличия есть. Думаю, потому что всё-таки какой-то функционал он берет от ИЕ8.

[Shift-Web]

Не нравится мне мозила ... Вней всё как эффект блюра в фотошопе ... тошнотно рендерит и файрбаг неуклюжий ): Всё таки считаю вебкитовские инструменты самыми близкими к тому, что есть реально в коде и к взаимодейтсвию с DOM. Есть же плагины кстати, те же самые фоксовые ставятся без проблем.

На замену хрому всем настоятельно рекомендую http://www.srware.net/en/software_srware_iron_download.php. Отиличия там описаны

Edited February 11, 2011 by Shift-Web

[sigma77]

Shift-Web,

Где ты эффекты фотошопа увидел там?

А вот, первое, что приходит наум - номер строки - очень удобно

[Shift-Web]

Sigma77, Поправил Чего сегодня голова ватная ):