Как вы решаете проблемы отображения /CSS в нескольких браузерах?

Скажем, мне нужно разработать веб-сайт для нескольких браузеров. основные из них - Firefox, Safari, IE, Opera, Chrome

Как вы решаете проблемы с отображением? В Firefox есть Firebug, и это здорово. Также есть Firebug Lite для других браузеров, но он не полнофункциональный - он не обновляется в режиме реального времени. Например, если я подозреваю, что jQuery замедляет его (добавление классов и т. Д.), Как я узнаю?

Источник

5 ответов

Решение

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

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

.class1 {
  outline: 1px solid blue;
}
.class2 {
  outline: 1px solid red;
}
Источник

Для кросс-браузерной отладки вы можете использовать Firebug Lite. Это похоже на сам Firebug, но в качестве внешней библиотеки JavaScript, протестированной в FF, Opera Safari и даже в хорошем старом IE (как говорится на веб-странице).

Источник

IE8 включает в себя отличные инструменты для разработки

Источник

Вы можете проверить CSS с помощью W3C CSS Validation Service.

О CSS-валидаторе

Инструменты разработчика

Источник

Посмотрите мой новый инструмент для просмотра макета любого элемента на вашей странице, наведя на него курсор мыши - CROSS BROWSER!

HTML Box Visualizer - GitHub

Источник
Другие вопросы по тегам