Ver código fuente | Programar Plus

recuerdo haber visto este tuit de Tom Dale hace un tiempo. Literalmente, se trata de la capacidad del navegador para ver el HTML del documento que está viendo tal como llegó por primera vez. Ahora el tuit está provocando una nueva ronda de conversación.

Jonathan Snook tiene una especie de versión de oso bebé:

Tenemos la capacidad de inspeccionar la fuente HTML original junto con su representación interpretada. Tenemos la capacidad de inspeccionar la fuente de los archivos JavaScript y CSS mapeados desde sus versiones minimizadas y optimizadas. Tenemos la capacidad de inspeccionar canalizaciones de renderizado. Tenemos la capacidad de detener y recorrer paso a paso la ejecución de JavaScript línea por línea.

Sin embargo, la creciente complejidad de las herramientas no niega la necesidad de esas herramientas anteriores y más simples.

Los sitios que algunos construyen pueden ser sitios estáticos simples, dignos de una fuente de vista simple. Los sitios que algunos construyen pueden compilarse y agruparse y requieren herramientas que nos permitan profundizar más. El hecho de que no necesite esas herramientas no significa que alguien no las necesite.

Y Chris Heilmann:

Para un sitio web simple con todo en un documento o algunos scripts y hojas de estilo vinculados, eso fue suficiente.

Aunque no creo que sea más largo. Incluso navegar por el código fuente simple de un sitio web es mucho más divertido en las herramientas de desarrollo que en un enorme bloque de texto. Podemos hacer clic con el botón derecho en un elemento en estos días e ir directamente a él. Vemos cómo funciona la cascada al mirar su CSS e incluso podemos ver eventos adjuntos y estados de desplazamiento.

Claro, las herramientas para desarrolladores son más difíciles de aprender que mirar un documento, pero también aprende mucho más de ellas. La belleza de view-source era que venía gratis con un navegador. Esto lo convirtió en una herramienta de elección para cualquiera que se convierta en desarrollador web. No había necesidad de descargar y aprender un IDE: su entorno de desarrollo era el entorno de consumo.

Bueno, eso es exactamente lo que son las herramientas de desarrollo en estos días. Son gratuitos, vienen con el navegador y no son imposibles de entender. En todo caso, me gusta el hecho de que le brindan más información sobre lo que hace el código en lugar de lo que es.

Tomaré una postura de línea dura, solo por diversión aquí: Literalmente no me importa en absoluto View Source y no lo extrañaría si se eliminara de los navegadores. Vivo en DevTools, y apuesto a que tú también. Reemplaza por completo Ver fuente, ya que literalmente puede ver la fuente dentro de él si lo desea. Pero eso no viene al caso.

No quiero que mi fuente sea legible por humanos, no por razones de protección, sino porque me importa más el rendimiento web. Quiero que mi sitio web llegue a la velocidad de la luz en una pequeña cantidad de polvo de paquete de red mágico y se convierta en un sitio web completo. O haga lo que la informática considere que es la forma más rápida de enviar datos de sitios web entre computadoras. Estoy mucho más preocupado por el estado del rendimiento web que por la educación web. Pero incluso si estaba muy preocupado por la educación web, no creo que el trabajo de la red sea ofrecer capacidad de enseñanza.