Browser-Pwn

Die Welt der Browser wird von 4 Hauptakteuren dominiert:

• Chromium/Chrome (Blink-Engine)
• Firefox (Gecko-Engine)
• Safari (WebKit-Engine)
• Edge (Blink-Engine (ehemalige EdgeHTML-Engine))

Das Folgende ist in zwei Teile gegliedert:

• Informationen, die helfen, ihre Architektur und Implementierung zu verstehen und sie aus den Quellen zu bauen
• Informationen, die helfen, ihre Taschenrechner-Pop-Funktion zu finden

Inhaltsverzeichnis

1. Engines
   • Übersicht
   • Chromium
   • Firefox
   • Safari
   • Edge
2. Exploitation
   • Übersicht
   • Chromium
   • Firefox
   • Safari
   • Edge
3. Werkzeuge
4. JavaScript-Dokumentation

Engines

Engine-Übersicht

• Javascript-Engine-Grundlagen: die guten, die schlechten und die hässlichen
• Javascript-Engine-Grundlagen: Shapes und Inline-Caches
• JavaScript-Engines - wie funktionieren sie überhaupt? (Video)

Quellen durchsuchen

Natürlich kannst du dein eigenes Lieblings-Setup verwenden, um die Quellen zu durchsuchen. Allerdings sind diese Repos relativ groß, und ich habe einige verschiedene Setups ausprobiert, bis ich etwas gefunden habe, das für mich funktioniert hat. Wenn du also noch kein gutes Setup hast, findest du hier ein paar meiner Erfahrungen, die dir helfen könnten:

• CTags (+Vim): Funktioniert gut beim Verfolgen von Referenzen und Aufrufen. Wenn du es gewohnt bist, große Quellcode-Bäume mit diesem puristischen Setup zu navigieren, kann es eine gute Option für dich sein. Der Nachteil ist natürlich das Fehlen der Funktionen, die die meisten großen IDEs heutzutage mitbringen.
• CLion: Ich nutze JetBrains-Produkte für viele meiner Programmieraktivitäten, aber CLion hat für mich nicht gut funktioniert, besonders beim Verfolgen von Referenzen. Natürlich könnte das an Setup-Problemen liegen.
• Eclipse: Ich habe es eine Weile nicht benutzt, aber es hat sich als gute Option herausgestellt. Leider benötigt der Indexer viele Ressourcen, um den Code zu durchlaufen.
  • Hier ist eine Setup-Beschreibung für das Chromium-Projekt, aber es funktioniert für die anderen Projekte ähnlich.
• ccls+VSCode Das ist die beste Option für mich bisher. ccls ist sehr schnell beim Indizieren der Repos und funktioniert großartig mit VSCode. Du kannst es auch mit anderen Editoren und IDEs kombinieren, siehe https://github.com/MaskRay/ccls/wiki/Editor-Configuration

Chromium (Blink)

Projekt | GitHub

Artikel:

• Was ist Chromium? (DE)

Die JavaScript-Engine von Blink ist V8.

V8

Projekt | GitHub | Quelle | Build-Anleitung

Build (Ubuntu 18.04):

$ git clone https://chromium.googlesource.com/chromium/tools/depot_tools.git
$ export PATH=$PATH:./depot_tools
$ gclient
$ mkdir ./v8 && cd ./v8
$ fetch v8 && cd v8
$ git pull
$ gclient sync
$ ./build/install-build-deps.sh
$ tools/dev/gm.py x64.release
$ out/x64.release/d8

Nützliche Flags:

• --print-opt-code: vom optimierenden Compiler erzeugter Code
• --print-byte-code: vom Interpreter erzeugter Bytecode
• --trace-ic: verschiedene Objekttypen, die eine Aufrufstelle antrifft
• --trace-opt und --trace-deopt: welche Funktionen (de)optimiert werden
• --trace-turbo: TurboFan-Traces für die Turbolizer-Visualisierung

Artikel:

• Eine Tour durch V8

JIT-Compiler: TurboFan

Doku | Blog

V8 bietet eine Visualisierung für TurboFan namens Turbolizer

Artikel:

• Einführung in TurboFan

Turbolizer-Verwendung:

1. Führe v8 mit --trace-turbo aus: d8 --trace-turbo foo.js
2. Erzeugt JSON-Dateien, z. B. turbo-foo-0.json
3. Gehe zu v8/tools/turbolizer und installiere es mit npm, wie in README.md beschrieben
4. Stelle das Verzeichnis bereit, z. B. python -m SimpleHTTPServer 8000
5. Rufe localhost:8000 auf und öffne turbo-foo-0.json

Firefox (Gecko)

Projekt | GitHub

Die JavaScript-Engine von Gecko ist Spidermonkey.

Spidermonkey

Projekt | Quelle | Build-Anleitung

Quellcode

• builtin

Build (Ubuntu 18.04):

$ wget -O bootstrap.py https://hg.mozilla.org/mozilla-central/raw-file/default/python/mozboot/bin/bootstrap.py && python bootstrap.py
$ git clone https://github.com/mozilla/gecko-dev.git && cd gecko-dev
$ cd js/src
$ autoconf2.13

# This name should end with "_DBG.OBJ" to make the version control system ignore it.
$ mkdir build_DBG.OBJ
$ cd build_DBG.OBJ
$ ../configure --enable-debug --disable-optimize
# Use "mozmake" on Windows
$ make -j 6
$ js/src/js

JIT-Compiler: IonMonkey

Projekt

Spidermonkey bietet eine Visualisierung für IonMonkey namens IonGraph

Quellcode

• jit

Safari (Webkit)

Projekt | GitHub

Die JavaScript-Engine von Webkit ist JavaScriptCore (JSC).

JavaScriptCore

Projekt | Wiki | Quelle

Artikel:

• http://www.filpizlo.com/papers.html

Quellcode

• Runtime: Source/JavaScriptCore/runtime

Build (Ubuntu 18.04):

# sudo apt install libicu-dev python ruby bison flex cmake build-essential ninja-build git gperf
$ git clone git://git.webkit.org/WebKit.git && cd WebKit
$ Tools/gtk/install-dependencies
$ Tools/Scripts/build-webkit --jsc-only --debug
$ cd WebKitBuild/Release
$ LD_LIBRARY_PATH=./lib bin/jsc

JIT-Compiler: LLInt+ Baseline JIT + DFG JIT + FTL JIT

WebKit hat ein 4-Schichten-JIT-Compiler-System, das den Kompromiss zwischen Overhead-Leistungskosten und Leistungsgewinn darstellt.

Artikel:

• Einführung in WebKits JavaScript-JIT-Optimierungen
• Einführung in den B3-JIT-Compiler