Как редактировать CSS в Chrome, как в Firebug для Firefox?

Я редактировал CSS с помощью Firebug в Firefox, но недавно заметил, что Chrome делает мои страницы намного быстрее (с прокруткой, интерактивными элементами и т.д.) и хотел переключиться на него.

Я обнаружил, что Chrome показывает вычисляемый CSS и какие атрибуты перегружены в стеке, и я могу их изменить один за другим, но то, что мне понравилось в Firebug, было то, что я мог просто редактировать всю таблицу стилей в текстовом редакторе в реальном времени, Является ли это той же самой особенностью на панели разработчиков Chrome или есть расширение Chrome, которое позволяет мне изменять таблицы стилей таким образом?

Ответы

Ответ 1

Попробуйте StyleBot. Он также может сохранять отредактированный CSS.

Ответ 2

В текущих версиях Chrome (я запускаю 16) вам не нужны внешние надстройки. Щелкните правой кнопкой мыши в любом месте вашей страницы, выберите проверить элемент, затем в появившемся окне нажмите вкладку Ресурсы, затем в левой панели выберите таблицу стилей, которую вы хотите отредактировать. Чтобы начать редактирование, вам нужно сначала дважды щелкнуть над текстом css.

Ответ 3

Вы можете отредактировать любое свойство или создать новое свойство, дважды щелкнув запись или пустое место в панели стилей панели Элементы. Нет никакого способа редактировать весь файл css так же, как текст на данный момент.

Ответ 4

Я использую live.js! Когда вы редактируете свой файл css, он показывает результаты в реальном времени в вашем браузере без необходимости обновления. http://livejs.com/

Я потратил бесчисленное количество часов на тестирование почти каждого расширения Chome, которое я смог найти (в том числе stylebot), чтобы имитировать живое редактирование CSS Firebug в Firefox. Ни один из них не имеет такого же рабочего процесса. Live.js является самым близким.

Ответ 5

Вы пробовали расширение веб-панели инструментов разработчика CSS- > Редактировать инструмент CSS?

Ответ 7

есть полурабочее расширение firebug, но оно еще не совсем точно.

Ответ 8

Пользователь Firebug Lite. Он также доступен как расширение для Chrome.

Ответ 10

Я написал LiveCSSEditor 4 года назад именно по этой причине. FireBug в Firefox позволит мне свободно писать CSS на странице, но ничего больше в Chrome не будет.

Я все еще использую его сегодня и еще не нашел лучшего решения. Это может сработать и для вас.:)