incluir - llamar javascript desde html

¿Cómo detectar el soporte para el atributo de "descarga" de HTML5?

Question

Una de las nuevas características implementadas en HTML5 es el atributo de download para etiquetas de anclaje. El beneficio de este atributo es que brinda a los usuarios los medios para descargar contenido creado dentro de una aplicación cliente, como una imagen (convertida desde un lienzo, por ejemplo).

Actualmente, el soporte para esta característica es muy deficiente, por lo que me gustaría saber cómo puedo detectar el soporte para esta característica en un navegador.

Answer 1

Una sola línea if condición para mantener las cosas simplificadas:

if (document.createElement(''a'').download==undefined && e.target.hasAttribute(''download''))
{
 e.preventDefault();
 console.log(''Error: this is a download link, please right-click to save the file.'');
}

El soporte para el atributo de download es irregular (Chrome 14+, Firefox 20+, IE13 +, Safari 10+ y no hay soporte en Opera (real). La secuencia de comandos anterior no interferirá con los navegadores compatibles.

Answer 2

Utilice el enfoque Modernizr : cree el elemento y verifique si el atributo está definido:

var a = document.createElement(''a'');
if (typeof a.download != "undefined") {
    alert(''has support'');
}