Google Chrome DevTools как настроить css в алфавитном порядке?

Question

[Роман]

Добрый день!

Подскажите как настроить инструмент разработчика, так что бы CSS свойства выстраивались в алфавитном порядке? Ухожу от связки Mazila Firefix + FireBug - там при добавлении свойства, он автоматом выстраивал их в алфавитном порядке, а Google Chrome не хочет!

Привычка, вещь страшная! Очень сильно не хватает, сам Google молчит на эту тему. Прошу помощи, спасибо!

п.с. речь идет про вот этот блок, когда сюда дописываешь любое новое свойство, они автоматом выстраивались в алфавитном порядке. Сейчас даже мы видим, что это не так!



п.с.с. а это связка Mazila Firefix + FireBug - он вытягивает все свойства в алфавитном порядке

Answer 1

[Антон Тихомиров]

Сходу не могу вспомнить, ибо задача слишком частная... А поиском искать в файле, не? Просто если на каждую букву будет несколько десятков стилей - то это все-равно сведет всю задумку на нет.

Comments

[Роман]

Добавил скриншот и небольшое пояснение к нему, а то я боюсь меня не так поняли (((

[Антон Тихомиров]

Роман Лазарев: а. Ясно, спасибо. Ну учитывая, что на Тостере ответы появляются десятками уже через пол часа после его задавания, но тут глухо, значит его и правда не существует. И это объяснимо, ибо все от Гугла - стандарт дефакто в мире разработки, а значит все только они и разрабатывают, и сторонние разрабы даже не видят смысла придумывать что-то еще. Поэтому выход - либо оставаться на Мозиле, либо принимать Хром таким, какой он есть) Я и вовсе о таком даже не задумывался никогда, поэтому даже вопроса не понял сначала, смотрю все в самом файле для изменения его на лету, и мне ничего не стоит просмотреть у стиля несколько строк и найти нужное мне свойство. Ну а у стилей, которые я редактирую чаще всего, уже даже чисто автоматически нахожу нужные мне свойства сразу, даже не пересматривая каждый раз весь стиль, ибо порядок их (и стилей и свойств) не меняется никогда практически, ибо они перекрывают друг друга, как и свойства.

[Роман]

Антон Тихомиров: очень жаль! У меня как раз привычка, что бегу по списку/алфавиту выискивая нужное мне свойство!

Просто вижу в Google Chrome, а верстаю в Mazila Firefix - устал бегать, не удобно =(

[Антон Тихомиров]

Роман Лазарев: вы верстаете в MOzilla FirefOx прям PDF на HTML натягиваете, или в смысле просто диз пишите на HTML, тут же и смотря его? Если второе - то хватит простого Notepad++, у него просто невероятная подсветка синтаксиса, а смотреть надо в браузере по любому. Ну а с переключением - это реально дело привычки, лично я это делаю просто на автоматизме, даже удивлен, что у кого-то это вызывает проблемы. Либо если хочется все видеть в одном окне, и хватит возможностей компа - посмотрите в сторону монструзного Дримвивера от Адоба, у него тоже подсветка неплохая, но и просмотрщик в том же окне. Правда не знаю, умеет ли он сортировать стили как нужно. Ну либо привыкать все-таки. Судя по всему, пути тут два)

[Роман]

Антон Тихомиров: Работаю с MODx у него есть отличный плагин ACE (в нем интегрирован Emmet - пишем HTML с развертыванием). Для CSS есть Notepad++ (ну и всего остального). Сделал разметку сайта (HTML), открыл Mazila Firefix + FireBug = прям в этом окне (что на скриншоте выше) быстро накидал CSS со всеми характеристиками (отступы, ширина, высота, размер фон и т.д. и т.д.) - устраивает результат, скопировал в Notepad++ сохранил = все профит! Данная связка очень экономит время, это очень быстро, нежили писать CSS в Notepad++, а уж потом смотреть результат! ... а вот зачем мне Дримвивер или Адоб, я не знаю (большое и не поворотливое)!

[Антон Тихомиров]

Роман Лазарев: то есть, если я правильно понял, это отображает стили и разметку в режиме реального времени? Ну да, пожалуй это удобно. Про Дримвивер (Адоб это фирма, а не программа) имел ввиду, что он как раз и позволяет смотреть результат в режиме реального времени в одном окне, ибо имеет встроенный просмотрщик. Но сразу предупредил, что его можно пользовать, если позволит комп.

P. S. Что все-таки за Mazilla Firefix? Даже загуглил, думал может я что не понимаю. Нет ведь, MOzilla FirefOx, поправил же выше) Или "огнелис" ("fire" - огонь, "fox" - лиса).

[Роман]

Антон Тихомиров: Да спасибо, опечатка вышла, я как то и не придал этому значение (Mozilla Firefox)! Про Дримвивер я знаю, как и с чем его едят, мне этот комбайн не нужен (ставил ради интереса, лет 5-ть назад)! Кто такие Адоб тоже слышал, краем уха (сарказм)!

[Антон Тихомиров]

Роман Лазарев: а, ахах, ну бывает) А я и думаю, да что же такое, исправляешь человека, а он этого не видит)) Дримвивер рекомендую потому-что в Вашей ситуации он может быть решением (ибо то, что Вам нужно, но все в одном окне). Да и не знаю насчет тяжести, на 8 гигах просто летает! Правда не он, а Фотошоп, а он еще требовательнее даже в плане ресурсов.

[Роман]

Спасибо, но нет, лучше остаться на Mozilla Firefox + FireBug!

п.с. Mozilla сделал ребрендинг https://www.mozilla.org/ru/ + https://3dnews.ru/946143

[Антон Тихомиров]

Роман Лазарев: ого! Концептуально!) Но потребует привыкания, ибо модняво все, да, но уж очень непривычно)