html - 如何在几乎不支持 javascript 的老式移动浏览器上像使用 CSS 那样很好地降级 HTML5？

Question

有没有办法在浏览器、服务器端检测 HTML 5 支持并提供不同的标记？

我正在制作一个移动网站，我想为智能手机用户和功能手机用户提供不同的用户体验。

但我不想用 JavaScript 做任何事情，也不想在功能手机上使用 JavaScript，因为它们对 JavaScript 的支持不佳。

我正在为智能手机使用一些 CSS3 效果，这些效果在功能手机上会很好地降级。

主要问题是 HTML5，如果我使用任何 HTML5 标签，它将在所有支持 HTML5 的浏览器上工作，我会为 HTML5 标签编写 CSS，但在不支持 HTML5 的浏览器的手机上布局会受到干扰.

如何在几乎不支持 javascript 的旧版移动浏览器上像使用 CSS 那样很好地降级 HTML5？

在桌面网站中，我们可以使用 Javascript HTML Shiv、Modernizer 等在不支持的浏览器上使用 HTML 5。但是在移动设备中，旧浏览器对 JavaScript 没有很好的支持，甚至 JavaScript 也会降低网站的性能并且加载速度会很慢，因为智能手机有 3G 连接，速度很快，但旧手机没有。

我可以为支持 HTML 5 的浏览器提供不同的 HTML 文件，但该怎么做？

Answer 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>