Motores e intérpretes de 5 navegadores

Autor: | Última modificación: 13 de octubre de 2022 | Tiempo de Lectura: 3 minutos
Temas en este post:

Un buen desarrollador web no solamente conoce la lógica detrás de su código, sino que también entiende cómo este interactúa con las distintas partes de la web. Una de las partes más importantes de la web es el navegador, que, a su vez, contiene dos secciones fundamentales: el motor de renderizado y el intérprete JavaScript. En este post, te enseñaremos los motores e intérpretes de 5 navegadores muy populares en el mundo web para que reconozcas para cuáles estás programando.

Motores e intérpretes de 5 navegadores

En nuestro post sobre las partes de un navegador te hemos explicado que un navegador tiene siete segmentos, todos fundamentales para su funcionamiento. Estos segmentos son la interfaz de usuario o user interface, el motor de búsqueda o browser engine, el motor de renderización/renderizado o rendering engine, una sección de networking, un intérprete de JavaScript, un servidor de interfaz o UI Backend y una sección de persistencia de datos o data persistance.

En ese post, también te enseñamos que cada navegador tiene su propio motor de renderizado e intérprete de JavaScript. Un motor de renderizado es el encargado de mostrar el contenido que hemos solicitado. Es decir, este motor es el encargado de analizar y parsear el HTML o CSS que se obtiene como respuesta de una petición HTTP, para luego mostrarlo en pantalla.

Esto es diferente al motor de búsqueda, que se encarga de interpretar el código HTML o CSS que le llega en la respuesta de la petición.

Por su parte, como su nombre indica, un intérprete de JavaScript es el encargado de analizar y ejecutar el código JavaScript. A continuación, te enseñamos cuáles son los motores e intérpretes de 5 navegadores, los más populares en el mundo del desarrollo.

Google Chrome

El motor de renderizado de Google Chrome es Blink y su intérprete de JavaScript es V8.

Mozilla Firefox

El motor de renderizado de Mozilla Firefox es Gecko y su intérprete de JavaScript es SpiderMonkey.

Safari

El motor de renderizado de Safari es WebKit y su intérprete de JavaScript es Nitro.

Microsoft Edge

El motor de renderizado de Microsoft Edge es EdgeHTML y su intérprete de JavaScript es ChackraCore.

Internet Explorer

El motor de renderizado de Internet Explorer es Trident y su intérprete de JavaScript es Chakra.

Otros detalles

Como puedes ver en este listado de motores e intérpretes de 5 navegadores, cada navegador tiene un intérprete de JavaScript y un motor de renderización distinto. Esto puede ocasionar que nuestro código HTML, CSS e, incluso, código JavaScript o recursos externos se comporten de una manera distinta.

Por ello, te recomendamos usar la página CanIUse, con la que te asegurarás de que el código que estás implementando está medianamente soportado por los navegadores a los que estés apuntando. Ahora que conoces los motores e intérpretes de 5 navegadores, puedes buscar la propiedad que quieres implementar para revisar su porcentaje de soporte en cada navegador.

Si quieres conocer más sobre esta página, te invitamos a leer nuestro post sobre 3 herramientas para trabajar con CSS.

Aunque estos motores e intérpretes de 5 navegadores son propios para cada navegador, estos suelen ser de código abierto. Esto quiere decir que, al final, una compañía puede sacar un navegador nuevo y bifurcar el motor de renderizado y el intérprete de JavaScript de otro navegador. Esta compañía tranquilamente puede trabajar sobre estos repositorios para hacerlos propios.

Así es como funciona el mercado normalmente. De hecho, el intérprete de JavaScript de Google Chrome, V8, es una versión bifurcada de node.js, como puedes leer en nuestro post sobre la historia de JavaScript. Lo que sucedió es que unas personas cogieron el core de node.js y le quitaron todo lo relativo al servidor para adaptarlo a las necesidades del navegador.

¿Quieres seguir aprendiendo?

Después de leer este post, ya conoces los motores e intérpretes de 5 navegadores. Sin embargo, ¡todavía queda mucho por aprender sobre el mundo del desarrollo web! Por ello, te invitamos a formar parte de nuestro Desarrollo Web Full Stack Bootcamp, un espacio de formación intensiva donde aprenderás a dominar lenguajes y herramientas esenciales para convertirte en un experto del desarrollo web en pocos meses. ¿Quieres seguir aprendiendo con nosotros y triunfar en el sector IT? ¡Matricúlate ya y dale un giro a tu vida!

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

[email protected]

¿Trabajo? Aprende a programar y consíguelo.

¡No te pierdas la próxima edición del Aprende a Programar desde Cero Full Stack Jr. Bootcamp!

 

Prepárate en 4 meses, aprende las últimas tecnologías y consigue trabajo desde ya. 

 

Solo en España hay más de 120.400 puestos tech sin cubrir, y con un sueldo 11.000€ por encima de la media nacional. ¡Es tu momento!

 

🗓️ Próxima edición: 13 de febrero

 

Reserva tu plaza descubre las becas disponibles.

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!