Я хотел бы использовать встроенный SVG-код на моем сайте (т.е. <svg>
теги вместо <img src="example.svg" />
), с резервным png для браузеры < IE9 и < Android 3. Следуя концепции Адаптивный дизайн с компонентами на стороне сервера, Я хочу протестировать специально для тех браузеров, использующих PHP, и при необходимости предоставить png. Я не хочу проверять и предоставлять запасной вариант на стороне клиента, потому что реализации, которые я видел, требуют загрузки png браузером независимо от того, нужен он или нет.
Я знаю, что на анализ браузера обычно смотрят свысока, но даже библиотека обнаружения функций на стороне клиента Modernizr включает в себя анализ браузера, когда это необходимо — https://github.com/Modernizr/Modernizr/commit/612ed03c2d688ee8aa952e345b374509e0482c0e
В этом конкретном случае — с известным набором неподдерживаемых браузеров и высокой вероятностью продолжения поддержки этой функции в будущем (svg) — на какие подводные камни мне нужно обратить внимание?
Задача ещё не решена.
Других решений пока нет …