Pregunta

Estoy experimentando el error documentado en los navegadores webkit mostrar la página de forma incorrecta en la primera carga debido a que el JavaScript se ejecuta antes de la descarga de CSS ha terminado (debido a que son descargados en paralelo).

Mientras que una rápida corrección de actualización de la apariencia de la página, que la solución es inadecuada para mi problema (I ejecutar las utilidades de línea de comandos que toman imágenes de nuestras páginas, pero estas utilidades no tienen la opción de "actualización" una página antes de tomar la captura de pantalla)

¿Alguien tiene alguna sugerencia o soluciones para asegurar que el css-include se carga en su totalidad antes de que el javascript-inline-incluir y JavaScript son ejecutados?

Gracias! -Dan

Editar - No es el uso de una biblioteca. Sólo buena 'ol Javascript.

¿Fue útil?

Solución

Si está utilizando una biblioteca Creo que la mayoría de ellos le permiten hacer esto. Es fácil con jQuery, si no se puede utilizar un <script defer="(x number of second)">Function()</script> al final de la página de HTE. También puede considerar mover los archivos JavaScript a la parte inferior de la página cuando sea posible. js Buenas Prácticas.

Otros consejos

1 para poner las secuencias de comandos en la parte inferior de la página, también podría intentar poner el script en caso window.onload:

<script >
function myCode(){
// do something
alert('test');
}
window.onload = myCode;
</script>

No estoy 100% seguro de que el proceso de carga va a esperar hasta que el archivo .css se carga sin embargo. pero es fácil de tratar.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top