Que los navegadores soportan <script async=»async» />?

El 1 de diciembre de 2009, Google anunció su apoyo para asincrónico de seguimiento de Google Analytics.

De seguimiento asincrónico se logra mediante el uso de async directiva para el <script> etiqueta.

Que los navegadores soportan el async directiva (<script async="async" />) y desde que versión?

  • Es justo en esa página que enlaza a: «Firefox 3.6 es el primer navegador que oficialmente ofrecer apoyo para esta nueva característica» por lo que vale es una de las características de HTML5, que está ganando rápidamente, mejor y mejor soporte.
  • La especificación HTML5 dice que async=»true» es ilegal. Como un valor booleano atributo de HTML, la presencia del atributo indica «verdadero», mientras que la ausencia del atributo es igual a «false». Si el atributo está presente, los únicos valores válidos para el atributo «son» y «async».
  • Aquí está una prueba en vivo de este atributo html5demo.braincracking.org/demo/async.php.
  • Esto debería ser un favorito para comprobar con frecuencia para cualquier persona interesada en este tema: en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29
InformationsquelleAutor knorv | 2009-12-02

6 Kommentare

  1. 161

    El asíncrono de apoyo según lo especificado por google se consigue utilizando dos partes:

    • utilizando una secuencia de comandos en su página (la secuencia de comandos es suministrado por google) a escribir una <script> etiqueta a la DOM.

    • que script async=»true» atributo para indicar a los navegadores compatibles que se puede continuar con la visualización de la página.

    La primera parte no funciona en navegadores sin soporte para <script async.. etiquetas, lo que les permite la carga asíncrona con un «hack» (aunque bastante sólido), y también permite la visualización de la página sin esperar ga.js para ser recuperada.

    La segunda parte sólo afecta a los navegadores compatibles que entender la async atributo html

    • FF 3.6+
    • FF para Android Todas las Versiones
    • Es decir 10+ (comenzando con la preview 2)
    • Chrome 8+
    • Chrome Para Android Todas las versiones
    • Safari 5.0+
    • iOS Safari 5.0+
    • Navegador de Android 3.0+ (panal arriba)
    • Ópera 15.0+
    • Opera Mobile 16.0+
    • Opera Mini Ninguno (como de 8.0)

    La «html5 correcta» forma de especificar async es con un <script async src="...", no <script async="true". Sin embargo, inicialmente navegadores no admiten esta sintaxis, ni se admite la configuración de la propiedad de la secuencia en la que se hace referencia a los elementos. Si usted desea esto, la lista de cambios:

    • FF 4+
    • Es decir 10+ (preview 2)
    • Chrome 12+
    • Chrome Para Android 32+
    • Safari 5.1+
    • No hay versiones de android
    • No estoy seguro de que incluso la necesidad de async=»true», sólo se pueden escribir ‘async’
    • así que si puedo generar la etiqueta de secuencia de comandos como hace google – ¿cuál sería la correcta: var s = document.createElement(‘script’); s.async=’true’;s.async=true; (google lo hace de esa manera) o s.async=’async’; ?
    • eres mezcla de HTML atributos booleanos y el correspondiente elemento de DOM propiedades: el atributo de HTML (presentes en el marcado y cuando explícitamente los atributos de configuración utilizando setAttribute, la cual no es recomendable) sólo debe estar presente o ser una cadena vacía o a sí mismo (defer="defer", especialmente importante a la hora de escribir documentos XHTML válidos); cuando el ajuste del elemento de propiedad sobre la marcha utilizando JavaScript, uno debe usar s.async = true.
    • Incluso no debería ser true; ya sea async, async="" o async="async".
    • Por favor, tenga en cuenta que el post enlazado en la cuestión de los conjuntos de async="true". No es la forma correcta de hacerlo ahora, pero no fue la única ampliamente apoyada manera de hacerlo luego. Por ejemplo IE10p2 apoyado async="true" pero no apoyo async="async"
    • También consulte este enlace para saber cómo lidiar con el retroceso de asych: msdn.microsoft.com/fr-fr/library/ie/hh673524%28v=vs.85%29.aspx

  2. 60

    Hay dos partes en esta pregunta, la verdad.

    1. P: Qué navegadores son compatibles con el «async» atributo de una etiqueta de secuencia de comandos en el marcado?

      Un: IE10p2+, Chrome 11+, Safari 5+, Firefox 3.6+

    2. P: ¿Qué navegadores son compatibles con la nueva especificación que define el comportamiento de la «async» propiedad en JavaScript, en un script creados dinámicamente elemento?

      Un: IE10p2+, Chrome 12+, Safari 5.1+, Firefox 4+

    Como para la Ópera, que están muy cerca de la liberación de una versión que soporte ambos tipos de async. He estado trabajando estrechamente con ellos en esto, y debería salir pronto (espero!).

    Más información sobre ordenó a-async (aka, «async=false») se puede encontrar aquí: http://wiki.whatwg.org/wiki/Dynamic_Script_Execution_Order

    También, para probar si el navegador soporta la nueva dinámica de async el comportamiento de la propiedad: http://test.getify.com/test-async/

  3. 25

    Una lista completa de las versiones de los navegadores apoyo a la async parámetro está disponible aquí

    • Esta es la respuesta correcta.. que sigue a cambiar con el tiempo.
  4. 1

    La async es actualmente compatible con todas las últimas versiones de los principales navegadores. Ha sido apoyado por algunos años en la mayoría de los navegadores.

    Usted puede realizar un seguimiento de los navegadores de soporte asíncrono (y diferir) en el MDN sitio web aquí:

    https://developer.mozilla.org/en-US/docs/HTML/Element/script

    • Mientras que este vínculo puede responder a la pregunta, es mejor incluir a las partes esenciales de la respuesta aquí y proporcionar el enlace de referencia. Enlace-sólo respuestas puede ser válido si la página enlazada cambios. – De Revisión
    • Es esto suficiente? ¿Quieres que me enlace a Felipe respuesta?
  5. 0

    Sólo había una mirada en el DOM (document.secuencias de comandos[1].atributos) de esta página utiliza google analytics.
    Te puedo decir que google es el uso de async=»».

    [type="text/javascript", async="", src="http://www.google-analytics.com/ga.js"]

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea