„Quellcode anzeigen“ in DevTools

Avatar of Chris Coyier
Chris Coyier am

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

Wenn die Konversation über den Wert von "View Source" aufkommt, ist die #1 Antwort, die ich höre, ungefähr so:

Keine Chance, Jose! Ich benutze „Quellcode anzeigen“ ständig! Es ist sehr nützlich, wenn man den rohen HTML-Code sehen möchte, nicht das DOM.

Ja, das ist nützlich, und ja, es gibt einen Unterschied. Aber nur weil Sie sich die DevTools ansehen, heißt das nicht, dass das DOM das Einzige ist, was Sie sehen können.

Das sind die Chrome DevTools.
Safari hat einen Ressourcen-Tab

Es gibt auch einen Netzwerk-Tab in den DevTools für jeden Browser. Dort finden Sie eine Möglichkeit, das Dokument anzusehen.

Der Netzwerk-Tab von Firefox

Wenn Ihre Sorge bezüglich des Verlusts von „Quellcode anzeigen“ also darin besteht, dass Sie keine Möglichkeit hätten, das Dokument und nicht nur das DOM zu sehen, dann stimmt das einfach nicht. Sie können sicher sein, dass Sie die gleiche Möglichkeit in den DevTools haben.

Wenn Ihre Sorge darin besteht, dass es praktischer ist, den Quellcode als Vollbild-Tab mit einer einfachen Tastenkombination zu sehen, dann ist das sicherlich ein vernünftiges Argument.