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 y los Motores e intérpretes de 5 navegadores. 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.
Esta aplicación que permite acceder a la información en internet mediante la interpretación de código html. 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 buscador 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 o esta aplicación que permite acceder a la información en internet mediante la interpretación del código html, 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!
