Web-Browser-Engineering (2021)

 (browser.engineering)
2 Punkte von GN⁺ 2024-10-16 | 1 Kommentare | Auf WhatsApp teilen

  • Einführung in Web-Browser-Engineering

    • Webbrowser werden täglich verwendet, aber ihre Funktionsweise ist komplex. Dieses Buch erklärt, wie man von Networking bis JavaScript mit einigen tausend Zeilen Python-Code einen grundlegenden, aber vollständigen Webbrowser baut.

  • Vorwort

    • Bietet einen Überblick über die Geschichte von Webbrowsern und des Webs.

  • Teil 1: Seiten laden

    • Webseiten herunterladen
      • Erklärt, wie Webseiten über URLs und HTTP-Anfragen heruntergeladen werden.
    • Auf den Bildschirm zeichnen
      • Erklärt, wie man ein Fenster erstellt und auf eine Canvas zeichnet.
    • Text formatieren
      • Erklärt, wie Wortumbruch und Zeilenabstand angepasst werden.

  • Teil 2: Dokumente anzeigen

    • HTML-Baum aufbauen
      • Erklärt, wie HTML geparst und verändert wird.
    • Seitenlayout
      • Erklärt, wie Inline- und Block-Layout angewendet werden.
    • Styles der Autorenseite anwenden
      • Erklärt, wie CSS geparst und angewendet wird.
    • Buttons und Links verarbeiten
      • Erklärt, wie Hyperlinks und die Browser-Chrome verarbeitet werden.

  • Teil 3: Anwendungen ausführen

    • Informationen an den Server senden
      • Erklärt, wie Formulare abgeschickt werden und wie die Interaktion mit Webservern funktioniert.
    • Interaktive Skripte ausführen
      • Erklärt, wie DOM-Änderungen und Reaktionen auf Events funktionieren.
    • Daten schützen
      • Erläutert Cookies und Logins sowie XSS und CSRF.

  • Teil 4: Moderne Browser

    • Visuelle Effekte hinzufügen
      • Erklärt Blending, Clipping und Compositing.
    • Tasks und Threads planen
      • Erklärt Event Loop und Rendering-Pipeline.
    • Animationen und Compositing
      • Erklärt flüssige Animationen mit GPU-Unterstützung.
    • Barrierefreiheit für Inhalte bereitstellen
      • Erklärt Tastatureingaben, Zoomen und den Accessibility-Baum.
    • Eingebettete Inhalte unterstützen
      • Erklärt, wie Bilder, iframes und Scripting unterstützt werden.
    • Frühere Berechnungen wiederverwenden
      • Erklärt Invalidierung, Bearbeitung und Korrektheit.

  • Fazit

    • Erläutert Inhalte, die nicht behandelt wurden, sowie das sich wandelnde Umfeld.

  • Anhang

    • Enthält ein Glossar, Literaturhinweise, eine Autorenvorstellung, eine Liste der Mitwirkenden und eine Liste von Lehrveranstaltungen, die auf diesem Buch basieren.

Zusammenfassung von GN⁺

  • Dieses Buch ist nützlich für alle, die verstehen möchten, wie Webbrowser funktionieren. Durch den Bau eines Browsers mit Python lassen sich verschiedene Techniken wie Networking, HTML-Parsing und die Anwendung von CSS erlernen.
  • Es hilft dabei, die Geschichte von Webbrowsern und die Funktionen moderner Browser zu verstehen. Besonders die Abschnitte zu Websicherheit und Barrierefreiheit vermitteln Wissen, das sich in der Praxis anwenden lässt.
  • Das Buch kann für Webentwickler oder Softwareingenieure spannend und lehrreich sein und wird dabei helfen, die interne Funktionsweise von Webbrowsern besser zu verstehen.

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2024-10-16
Hacker-News-Kommentare

  • Der Abschnitt „Stuff I didn't do“ ist ein großer Pluspunkt dieses Buches

    • Layout-Arbeit ist sehr schwierig
    • CSS macht Layout noch komplexer
    • CSS, HTML und JavaScript sind heute äußerst komplexe Software
    • Videodekodierung wird auf Hardware ausgelagert, was den Batterieverbrauch senkt

  • Vor 15 Jahren habe ich angefangen, an einem Headless-Browser zu arbeiten, und SpiderMonkey als JS-Interpreter verwendet

    • Ich habe eine benutzerdefinierte DOM-Implementierung und eine Flash-Laufzeitumgebung hinzugefügt
    • Dieses Projekt hat sehr viel Spaß gemacht
    • Ich interessiere mich für dieses Buch

  • Dieses Buch ist ein umfassendes Werk, das an MITRE ATT&CK erinnert

  • Es ist erfrischend, dass Browser Engineering zum Trend wird

    • Derzeit wird das Feld von Google, Apple und Mozilla dominiert
    • Ich hoffe, dass es mehr unabhängige Browser-Engines geben wird

  • Es gibt einen Artikel, in dem erklärt wird, warum der Autor Python gewählt hat

    • Ein Teil davon wird von Python nach JS kompiliert und im Browser ausgeführt

  • Einer der Autoren bedankt sich und ist bereit, Fragen zu beantworten

  • Ich war auf der Suche nach einem unterhaltsamen Projekt und habe Freude an diesem Buch

    • Ein Comicbuch, das erklärt, wie Chrome funktioniert, ist ebenfalls ein guter Einstieg

  • Es ist sehr spannend, dass solche Materialien entstehen

    • Browser wirken wie mysteriöse Blackboxes, die schwer zu entschlüsseln sind
    • Projekte wie Ladybird reißen diese Wand ein
    • Ich möchte irgendwann dazu beitragen, und dieses Buch ist ein hervorragender Einstiegspunkt

  • Ich lerne gerade etwas über die interne Struktur von Browsern, und dieses Buch ist sehr hilfreich

    • Es hilft dabei, intuitiv zu verstehen, wie Browser funktionieren

  • Gutes Buch; ich empfehle, Kapitel 9 in zwei separate Kapitel aufzuteilen

    • Es wäre gut, JavaScript-Ausführung sowie DOM- und Ereignisinteraktionen jeweils getrennt zu behandeln