Как красиво ухудшить HTML5, как мы можем это сделать с CSS, в старых мобильных браузерах, где поддержка javascript практически отсутствует? - PullRequest
1 голос
/ 12 мая 2011

Есть ли способ обнаружить поддержку 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 Ответ

0 голосов
/ 12 мая 2011

Вы можете определить Браузер и, основываясь на этом, узнать, поддерживает ли он 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> 

...