6. dia BÖNGÉSZŐ Flashcards
A böngészők felépítése
Felhasználói felület ————— |
v |
Böngésző motor—————|—>adattároló
v |
Renderelő motor————|
v v v
Hálózati komponens| JavaScript-motor | UI back-end
A böngésző komponensei
Felhasználói felület : A címsor, a gombok, menü… A böngésző azon része ahol nem a weboldalt látjuk.
Böngésző motor : Interfész. Közvetít a felhasználói felület és a renderelő motor között. Kezeli az (!)adattárolót.
Renderelő motor : Kulcs fontosságú, feladata webes tartalom vizuális reprezentációjának létrehozása egy kimeneti eszközön.
Hálózati komponens : Felelős a hálózati kommunikációért.
JavaScript-motor : Feladata a JavaScript kód végrehajtása.
UI back-end : A rajzolásért felelős. UI és web megjelenítésében is használják.
adattároló : A sütik, gyorsítótárazás, Indexed Database API és Web Storage API felelőse.
Weboldalak renderelésének lépései
Navigálás, a felhasználó beírja az oldal címét a címsorba.
Egy DNS-lekérdezés történik a szerver IP-címének meghatározásához.
Létrejön a hálózati kapcsolat.
HTTP kérés küldése amire a szerver válaszul általában HTML reprezentációt küld.
Majd jön a kritikus útvonal.
Kritikus renderelési útvonal
Lépéseknek a sorozata, amelyeket egy HTML vagy XML dokumentum renderelésekor hajt végre a böngésző.
HTML elemzés : DOM fa építés
CSS elemzés : CSSOM fa építés
Stilizálás : dobozfa (render tree, box tree) építese.
Elrendezés : Méret és pozíció meghatározása a dobozfa csomópontjaihoz
Kirajzolás : A dobozfa csomópontjainak kirajzolása a kimeneti eszközön
Föbb renderelő motorok
WebKit : Apple
Blink : Chromium Project(Google),
Gecko : Mozilla Project
Főbb asztali böngészők
Chromium : Chromium Project
Chrome : Google
FireFox : Mozilla Project
Opera : Opera Software
Safari : Apple
Edge : Microsoft
Főbb mobil böngészők
Google Chrome : Android (Google)
Safari : IOS (Apple)
Samsung Internet : Android (Samsung)
UC Browser : Android (UCWeb, (Alibaba))
Böngésző kiegészítők, kiterjesztések
A böngésző megjelenését vagy viselkedését lehet velük testreszabni. Lehetnek kiterjesztések, nyelvi csomagok, témák, plugin-ok.
Kiterjesztés az a kiegészítő amely a viselkedését fogja módosítani.
(Add-ons)
Itt is vannak szabványok, (W3C) hogy ne kelljen a fejlesztőknek minden böngészőre újraírnijuk a kiterjesztést.
“Fej nélküli” böngészők
GUI nélküli böngésző amely programozottan kezelhető.
Használják scraping-re, tesztelésre, interakciókra.
Van lehetőség ilyen formában futtatni a Chromiumot, Chromot és Firefoxot.
About URI Séma
A böngészők széles körben használják, hogy hozzáférést adjanaka a belső erőforrásaikhoz, mint például a beállítások, alkalmazás infó vagy rejtett funkciók.
Chromium, Chrome : chrome://about
FireFox : about:about
Opera : opera://about
Safari : edge://about
