如何检查HTML5应用是否正常？

Question

我有一个要求，我可以在页面上添加Flash和嵌入HTML5应用。 但是，许多浏览器均不支持HTML5应用。 我想做的是在运行时检查HTML5应用程序是否运行正常，然后显示Flash File 。 但是我不知道如何在运行时检查我的应用程序是否显示任何内容。 我已经通过以下代码在用户控件中嵌入了HTML5代码：

<embed src='<fully qualified html5 app link>' height="<height>" width="<width>" />

Answer 1

在运行时检查支持的功能的过程通常称为“功能检测”。 Modernizr是一种流行的JavaScript库，提供了这种“功能检测”功能： http : //modernizr.com/

例如，让我们从建议的HTML开始，并添加一个id属性以方便使用：

<embed id="fancy" height="<height>" width="<width>" />

例如，如果您想使用HTML5 Canvas，但不得不在非Canvas浏览器中使用Flash替代品，则可以执行以下操作（在JavaScript中，使用Modernizr）：

if (Modernizr.canvas) {
    // TODO: do whatever it is you want to do with Canvas
} else {
    // hook up your embed to the fallback Flash component
    document.getElementById('fancy').src = 'url/for/flash/component.swf';
}

HTML5涵盖了许多功能。 所需的精确“检测”将根据您的要求而有所不同，但是Modernizr使大多数操作变得非常简单。