
Обновлённая коллекция ресурсов, посвящённых эксплуатации браузеров.
В мире браузеров доминируют 4 крупных игрока:
Далее материал разделён на две части:
Конечно, вы можете использовать свой собственный любимый набор инструментов для просмотра исходников. Однако эти репозитории довольно большие, и я перепробовал несколько разных вариантов, пока не нашёл то, что подошло мне. Поэтому, если у вас ещё нет хорошего варианта, вот пара моих наблюдений, которые могут вам помочь:
Статьи:
JavaScript-движком Blink является V8.
Проект | GitHub | Исходники | Как собрать
Сборка (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
Полезные флаги:
--print-opt-code: код, генерируемый оптимизирующим компилятором--print-byte-code: байт-код, генерируемый интерпретатором--trace-ic: различные типы объектов, с которыми сталкивается место вызова--trace-opt и --trace-deopt: какие функции (де)оптимизируются--trace-turbo: трассы TurboFan для визуализации TurbolizerСтатьи:
V8 предоставляет визуализацию для TurboFan под названием Turbolizer
Статьи:
--trace-turbo: d8 --trace-turbo foo.jsturbo-foo-0.jsonv8/tools/turbolizer и установите с помощью npm, как описано в README.mdpython -m SimpleHTTPServer 8000localhost:8000 и загрузите turbo-foo-0.jsonJavaScript-движком Gecko является Spidermonkey.
Проект | Исходники | Как собрать
Сборка (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
Spidermonkey предоставляет визуализацию для IonMonkey под названием IonGraph
JavaScript-движком Webkit является JavaScriptCore (JSC).
Статьи:
# 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
WebKit имеет 4-уровневую систему JIT-компиляторов, отражающую компромисс между накладными расходами на производительность и выигрышем в производительности.
Статьи:
С тех пор как Edge перешёл на Blink и проект Chromium в качестве рендер-движка, Edge использует v8. Изначально у Edge был собственный рендер-движок под названием EdgeHTML, который использовал JavaScript-движок ChakraCore.
# To build ChakraCore on Linux: (requires Clang 3.7+ and Python 2)
$ apt-get install -y git build-essential cmake clang libicu-dev libunwind8-dev
$ git clone https://github.com/Microsoft/ChakraCore && cd ChakraCore
$ ./build.sh --cc=/usr/bin/clang-3.9 --cxx=/usr/bin/clang++-3.9 --arch=amd64 --debug
$ out/Debug/ch