Как красиво ухудшить HTML5, как мы можем сделать с помощью CSS, в старых мобильных браузерах, где javascript почти не поддерживается?

#html #css #mobile-website #mobile-phones

#HTML #css #мобильный веб-сайт #мобильные телефоны

Вопрос:

Есть ли способ обнаружить поддержку HTML 5 в браузере, на стороне сервера и предоставить другую разметку?

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

Но я не хочу ничего делать на JavaScript, а также не хочу использовать JavaScript для полнофункциональных телефонов, потому что у них нет хорошей поддержки JavaScript.

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

Основная проблема связана с HTML5, если я использую любой тег HTML5, он будет работать во всех браузерах, которые поддерживают HTML5, и я напишу CSS для тегов HTML5, но макет будет нарушен на телефонах, у которых браузер не поддерживает HTML5.

Как красиво ухудшить HTML5, как мы можем сделать с помощью CSS, в старых мобильных браузерах, где поддержка javascript почти отсутствует?

На настольном веб-сайте мы можем использовать Javascript HTML Shiv, Modernizer и т.д. использовать HTML 5 в не поддерживаемых браузерах. НО в мобильных старых браузерах нет хорошей поддержки JavaScript, и даже JavaScript снизит производительность сайта, и загрузка будет медленной, потому что у смартфонов есть быстрое 3G-соединение, которого у старых мобильных устройств нет.

Я могу предоставить другой HTML-файл для браузера, поддерживаемого HTML 5, но как это сделать?

1. Я не уверен точно, как это использовать, но я слышал какой-то шум о «DDR» или «Репозиториях описаний устройств»… предположительно, ваш сервер принимает запрос, обращается к DDR и создает страницу, подходящую для устройства, отправившего запрос.

2. @bdares- Но дело не только в обнаружении устройства, речь идет об обнаружении поддержки HTML5 в браузере.

Ответ №1:

Вы можете определить браузер и на основе этого узнать, поддерживает ли он HTML 5, например, вы можете определить, использует ли браузер IE9 и поддерживает ли его IE9 html5

или вы можете сделать это http://geekswithblogs.net/ranganh/archive/2011/03/26/html5-development-with-visual-studio-2010-service-pack-1.aspx Ниже приведен отрывок из блога

Безопасно тестировать функции в браузере, а не просто обнаруживать браузер и отображать соответственно. Это особенно важно, учитывая, что различные версии браузеров поддерживают различные уровни HTML5 / JavaScript, и ограничение функциональности, основанной только на версии браузера, приведет к потере того, что браузер действительно поддерживает.

ниже приведен фрагмент кода для проверки возможностей браузера по воспроизведению видео

Обнаружение видеокодека

 <script type="text/javascript">

    var player = document.getElementById('myVideo');

    alert("Is <video> supported? "   
        (player.canPlayType != null));

    if (player.canPlayType) {

        alert("Is an unknown format supported? "   
            player.canPlayType('NoWay/VidXF'));

        alert("Is mp4 supported? "   
            player.canPlayType('video/mp4'));

        alert("Is H.264 Baseline supported? "   
            player.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')); 
    } 
</script>