Polku A — Mitä tapahtuu kun avaan sivun?
Käytännönläheinen: yksi URL, koko ketju osoitepalkista pikseleihin.
Sinulle, jos haluat ymmärtää yhden sivun latauksen kokonaisuutena.
Oppimispolut
Ohjaus selainrepon suomenkieliseen oppimateriaaliin — Servo-moottori ja Kotisatama-kerros.
Missä materiaali on?
Täydet oppimisdokumentit ovat Katselin-selainrepon
oppiminen/-hakemistossa (Markdown, suomeksi).
Tämä sivu on lyhyt ohjaukseen; katselin.fi ei kopioi koko materiaalia.
Servo on moottori, Kotisatama on satama.
Moottorin koodi on englanniksi components/-hakemistossa;
oppiminen/ selittää käsitteet ja rakenteet suomeksi.
Valitse polku
Voit yhdistää polkuja vapaasti. Aloita lähtötasosi mukaan.
Polku B — Järjestelmällinen lukeminen
Arkkitehtuuri ensin, sitten syvä sukellus komponenteittain.
Sinulle, jos aiot lukea lähdekoodia pitkään ja systemaattisesti.
Polku C — Ensimmäinen upstream-bugi
Telakka-malli: Kela testikohteena, yleinen korjaus tuloksena.
Sinulle, jos haluat korjata oikeaa bugia ja tarjota patchin upstreamiin.
Polku D — Katselinin oma kerros
Whitelist, haku, sisäiset servo:-sivut — ennen moottorin ydintä.
Sinulle, jos työskentelet navigoinnin, haun tai Sataman UI:n parissa.
Polku E — Syvä sukellus moottoriin
Kaikki syvädokumentit: constellation, JS, flex/grid, iframe, verkko, piirto.
Sinulle, jos olet jo lukenut yleiskuvan ja haluat kaiken kerralla.
Polku A — vaiheet
- sivun-lataus — kokonaiskuva
- constellation-ja-navigointi — pipeline ja IPC
- script-layout-ja-reflow — DOM ja asettelu
- verkko-ja-piirto — HTTP ja WebRender
- embedder-ja-ports — servoshell-hook
- miten-debugataan — käytännön debuggaus
Polku E — syvädokumentit
| Dokumentti | Sisältö |
|---|---|
| prosessit-ja-säikeet | Prosessit, säikeet, viestikanavat |
| constellation-ja-navigointi | Pipeline, navigointi, IPC |
| javascript-moottori | SpiderMonkey, event loop, sidokset |
| script-layout-ja-reflow | DOM-parseri, reflow |
| css-flex-ja-grid | Flex (natiivi), Grid (Taffy) |
| iframe-ja-upotetut-kontekstit | Iframe, whitelist, nested BC |
| verkko-ja-piirto | HTTP-fetch, WebRender, embedder |
Missä bugi piilee?
| Oire | Aloita tästä |
|---|---|
| Sivu ei lataudu | verkko-ja-piirto |
| Tyhjä sivu, JS-virhe | javascript-moottori |
| Layout rikki (flex/grid) | css-flex-ja-grid |
| Linkki ei avaudu, blokkaus | kotisatama/navigointi |
| Iframe tyhjä tai väärä sisältö | iframe-ja-upotetut-kontekstit |
Ennen kuin aloitat
- 00-aloitus — esitiedot, työkalut, ensimmäiset askeleet
- sanasto — termit suomeksi ja englanniksi
- AGENT.md — kehityssäännöt (älä koske upstreamia turhaan)