View Source

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ich erinnere mich, diesen Tweet von Tom Dale vor einer Weile gesehen zu haben. Er handelt buchstäblich von der Fähigkeit des Browsers, den HTML-Code des Dokuments zu betrachten, wie er ursprünglich ankam. Nun regt der Tweet eine neue Diskussionsrunde an.

Jonathan Snook hat eine Art "Babybär"-Ansicht

Wir haben die Möglichkeit, den ursprünglichen HTML-Quelltext zusammen mit seiner interpretierten Darstellung zu inspizieren. Wir haben die Möglichkeit, den Quelltext von JavaScript- und CSS-Dateien zu inspizieren, die von ihren minifizierten und optimierten Versionen abgebildet werden. Wir haben die Möglichkeit, Rendering-Pipelines zu inspizieren. Wir haben die Möglichkeit, die JavaScript-Ausführung Zeile für Zeile zu stoppen und durchzugehen.

Die zunehmende Komplexität der Werkzeuge negiert jedoch nicht die Notwendigkeit früherer, einfacherer Werkzeuge.

Die von manchen erstellten Websites können einfache statische Websites sein, die einer einfachen Quelltextansicht entsprechen. Die von manchen erstellten Websites können kompiliert und gebündelt sein und Werkzeuge erfordern, die uns erlauben, tiefer zu graben. Nur weil Sie diese Werkzeuge nicht benötigen, heißt das nicht, dass *jemand* sie nicht benötigt.

Und Chris Heilmann

Für eine einfache Website mit allem in einem Dokument oder wenigen verlinkten Skripten und Stylesheets war das ausreichend.

Ich glaube aber nicht mehr, dass das der Fall ist. Selbst das Navigieren durch einfachen Quelltext einer Website macht in den Entwicklertools mehr Spaß als in einem riesigen Textblock. Wir können heutzutage mit der rechten Maustaste auf ein Element klicken und direkt dorthin gelangen. Wir sehen, wie die Kaskade funktioniert, wenn wir uns das CSS ansehen, und wir können sogar angehängte Events und Hover-Zustände sehen.

Sicher, Entwicklertools sind schwerer zu erlernen als das Betrachten eines Dokuments, aber man lernt auch viel mehr daraus. Das Schöne an der Quelltextansicht war, dass sie kostenlos mit einem Browser geliefert wurde. Das machte sie zu einem Werkzeug der Wahl für jeden, der Webentwickler wurde. Es gab keine Notwendigkeit, eine IDE herunterzuladen und zu erlernen – Ihre Entwicklungsumgebung war die Konsumumgebung.

Nun, genau das sind die Entwicklertools heutzutage. Sie sind kostenlos, sie werden mit dem Browser geliefert, und sie sind nicht unmöglich zu verstehen. Wenn überhaupt, dann mag ich die Tatsache, dass sie Ihnen mehr Einblicke in das geben, was der Code tut, anstatt was er ist.

Ich nehme eine harte Haltung ein, nur zum Spaß hier: Mir ist die Quelltextansicht buchstäblich völlig egal und ich würde sie nicht vermissen, wenn sie aus den Browsern entfernt würde. Ich lebe in DevTools, und ich wette, Sie auch. Sie ersetzt die Quelltextansicht vollständig, da Sie dort buchstäblich den Quelltext anzeigen können, wenn Sie möchten. Aber das ist nebensächlich.

Ich möchte nicht, dass mein Quelltext lesbar ist, nicht aus Schutzgründen, sondern weil mir die Web-Performance wichtiger ist. Ich möchte, dass meine Website mit Lichtgeschwindigkeit auf einem winzigen Staubpartikel magischer Netzwerkpakete ankommt und sich zu einer vollständigen Website entfaltet. Oder was auch immer die Informatik als den absolut schnellsten Weg bestimmt, Website-Daten zwischen Computern zu senden. Ich mache mir mehr Sorgen um den Zustand der Web-Performance als um die Web-Bildung. Aber selbst wenn ich mir Sorgen um die Web-Bildung machen würde, glaube ich nicht, dass es die Aufgabe des Netzwerks ist, Lehrbarkeit zu liefern.