Простой способ узнать цвет и другие свойства стиля элемента на веб-странице

Question

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

Например, это может быть инструмент, который импортирует всю информацию о стилях из CSS-файлов, связанных со страницей, и представляет ее как встроенный стиль.

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

Answer 1

Safari и Chrome имеют встроенный веб-инспектор, щелкните правой кнопкой мыши и выберите «Проверка элемента». Firefox имеет плагин Firebug. IE имеет панель инструментов IE Dev.

Answer 2

Firebug сделает это, по крайней мере, в Firefox.

Answer 3

Если это просто цвет, который вам нужен в Firefox, вы можете использовать ColorZilla , который позволяет вам подрезать любой цвет за пределами области просмотра (включая хром!)

Answer 4

Проверьте помощника по веб-разработке от Nikhil Kothari для IE

И Firebug в Firefox

Надеюсь, эта помощь

Answer 5

Ваша лучшая ставка здесь - это расширение «Панель инструментов веб-разработчика» для FireFix. С этим расширением вы можете включить «Показать информацию CSS», щелкнув по элементу, откроется окно со всеми применимыми стилями CSS.

Вы также можете просматривать все CSS и делать много других очень полезных вещей с ним.

Answer 6

для веб-разработки (общая графика) плагин WebDeveloper для Firefox. Легкий и мощный