Есть ли способ отключить поддержку CSS3 в Firefox или Chrome?

Question

Подобно отключению JavaScript в браузерах, есть ли способ отключить поддержку различных свойств CSS3 в Firefox или Chrome, чтобы быстро подтвердить, что страница отображается нормально, если поддержка определенных свойств отсутствует?Я знаю, что это только уровень представления, но я просто надеюсь, что есть более эффективный способ проверить это без использования старых браузеров, особенно если используется Modernizr.

Answer 1

Проекту под названием deCSS3 удается отключить подавляющее большинство свойств CSS3 с помощью букмарклета, который переопределяет и нейтрализует их использование по правилам !important.

A недавнее добавление в проект: " Класс Modernizr переключение" для дополнительного уровня тестирования при использовании Modernizr.

Answer 2

Даже если бы был способ сделать это, это помогло бы?Каждый браузер имеет свои особенности, поэтому нет гарантии, что, например:

Firefox - CSS3 = Older Browser

Answer 3

Если вам нужен способ «выключить CSS3», тогда я не думаю, что вы думаете о / реализации прогрессивного улучшения / постепенного снижения качества.Вы должны начинать с не-CSS3, а затем улучшать свой сайт.Когда вы создаете основу не-CSS3 и тестируете ее в своих целевых браузерах, то добавление CSS3 не должно ничего менять (браузеры игнорируют стили, которые они не распознают).Если вы поместите свою изолированную программную среду CSS3 в ее собственную таблицу стилей, тогда вы можете сказать старым версиям IE полностью игнорировать ее (или, если вы используете вещи, которые только частично поддерживаются в IE9, можете сказать всем версиям IE игнорировать его) для сохраненияa download.

Тем не менее, CSS обрабатывается основным механизмом рендеринга, поэтому для просмотра страницы без CSS3 ее необходимо просмотреть в браузере, который не поддерживает CSS3.Это отстой, это означает, что вам нужно иметь несколько браузеров и даже виртуальные машины (или физические машины) для очень хорошего тестирования, но, к сожалению, таково состояние веб-разработки.Теоретически, вы должны тестировать в нескольких браузерах, в любом случае, и уже знаете, что IE6-8 имеет свои собственные причуды, которые даже не связаны с CSS3, и уже должны быть настроены для их тестирования (поэтому, если вам нужнопротестируйте старые версии других браузеров, вы можете установить их в своей тестовой среде IE).

Answer 4

CSS3 не является набором дополнений к CSS2, он заменяет CSS2.Модуль фонов и границ в CSS3 включает в себя border и background, а также border-radius и box-shadow.Если вы «выключаете» CSS3, вы выключаете все CSS, и даже если вы можете отключить новый материал, ответ Тома верен - это не оставит вас при тестировании всего, что действительно существует в реальном мире.

Answer 5

Существует полезная надстройка для Firefox под названием «User Agent Switcher», которая позволяет снизить скорость рендеринга в браузере до более старой версии IE (рендеринг с iPhone также довольно полезен). Это должно помочь вам перепроверить.