Как отладить проблемы парения CSS/Javascript

для проблем с css я нахожу в Интернете Плагин разработчика бесценен:

http://chrispederick.com/work/web-developer/

загрузите его, тогда в вашем распоряжении будут 2 возможных инструмента.

1. унаследованный css из файлов на любом наведенном элементе , используйте shift-ctrl-y

2. вычисленный css (включая любой встроенный стиль = примененный, который отсутствует в файле .css - или через метод .css из jquery и т. д.) - нажмите shift-ctrl-f

последний также вернет все классы, примененные к элементу.

конечно, он имеет и другие полезные применения, такие как превосходная отладка форм, включая редактирование скрытых полей и файлов cookie (которые могут использоваться для тестирования на проникновение)

У меня была та же проблема, и я обнаружил, что, хотя я не мог проверять объекты наведения в Firefox с помощью Firebug, веб-инспектор Safari замораживает текущее состояние и разрешает проверку . Чтобы активировать веб-инспектор Safari, просто введите следующую строку в терминал и перезапустите Safari:

defaults write com.apple.Safari WebKitDeveloperExtras -bool true

Активируйте элемент наведения в браузере, затем щелкните правой кнопкой мыши и выберите «Проверить элемент». Страница остановится в своем текущем состоянии, что позволит вам осматривать мимолетные объекты, сколько душе угодно.

Вы можете сделать это в Firebug, но это немного «глючит». Если вы проверите элемент, а затем щелкнете вкладку html, например, на вкладку DOM, когда вы вернетесь на вкладку html, на вкладке «style» css справа будет выпадающий переключатель со стрелкой, где вы можете выбрать : состояние наведения этого элемента должно быть активным. Отстойно переключать вкладки, чтобы это отображалось, но у меня это работает.

В firebug нет идеального решения (эффект наведения мыши / имитации наведения).

Однако есть несколько способов изменить состояние зависания в firebug:

1. Добавьте состояние : active вместе с вашим : hover

   a: hover, a: active {...}

   Если вы наведете курсор мыши на свой элемент, перетащите его и отпустите, он останется активным.

2. Превратите состояние : hover в класс .hover

   Вы можете редактировать правило CSS, щелкнув исходный файл (на вкладке «Стиль» Firebug)

   Затем конечно, вы должны добавить (и удалить) класс .hover из своего элемента.