Jit-Böngésző A Jit-4 platform része EN-CA |

HeadlessChrome101: Hogyan alakítja a Jit-Browser a Chrome-ot egy teljes, többfunkciós böngészővé – Szerver-Böngésző réteg

Ez egy egyszerű nyelvezetű útmutató arról, hogy mit csinál a Jit-Browser a headless Chrome-mal, hogyan használja a szabadalmaztatott Jit-TR futtatókörnyezetet, és mi szükséges még ahhoz, hogy ez egy elsőrangú böngészőfunkció legyen, ne csak egy újabb szkript.

Egy egyszerű képernyőképkészítő eszköztől a Jit-Browserig

Kezdtünk egy kis parancssori eszközzel: getpage https://example.com page.png. Ez elindította a Chrome-ot egy Docker konténerben, készített egy képernyőképet a renderelt example.com-ról az oldalról, majd kilépett.

Hasznos bizonyíték a koncepcióra. Minden hívás hideg indítás volt. Semmit sem tudott a fordításról, munkamenetekről vagy állapotról. Csak egy headless kamera volt.

A Jit-Browser a következő lépés. Még mindig valódi Chrome-ot használ, de most:

  • Rögzíti, mi történik az oldalon belül.
  • Beilleszti a Jit-TR szkriptet mint fordítási réteget.
  • Képes követni egyszerű folyamatokat, mint például a süti banner vagy legördülő menük.
  • Teljesen lefordított HTML-t rögzít, nem csak egy képernyőképet.

Ez az oldal magyarázza el ezt a folyamatot, hogy láthasd, hogy nem csak légből kapott dolgokat mondunk. Megmutatjuk, hogyan működhet valójában egy böngészőszintű többnyelvű réteg.

A Jit-Browser folyamat 6 lépésben

Magas szinten minden rögzítés ugyanazt a sorrendet követi.

  1. Indítsd el a valódi Chrome-ot (headless) a Dockerben.
    A Puppeteer-t (pptr.dev) használjuk, hogy elindítsuk ugyanazt a motort, amely a normál böngészőket működteti, de látható ablak nélkül. Nincs egyedi elemző, nincs hamis renderelés.
  2. Alkalmazd a sütiket vagy a bejelentkezési állapotot (ha be van állítva).
    Azokhoz a bemutatókhoz, amelyek bejelentkezett munkamenetet igényelnek, visszajátszuk a sütijeidet. Nincs brutális erő, nincs jelszó kitalálás, nincs olyan fiókok feltérképezése, amelyeket nem irányítunk.
  3. Töltsd be a célnak megfelelő oldalt pontosan úgy, mint egy felhasználó.
    HTML, CSS, JavaScript, betűtípusok, képek. Várunk a networkidle2 (https://pptr.dev/api/puppeteer.page.waitfornetworkidle), hogy a lassú csomagok és betűtípusok befejezhessék a betöltést.
  4. Illessze be a Jit-TR kódot mint réteget.
    Hozzáadunk egy szkript címkét, amely a szabadalmaztatás alatt álló futtatókörnyezetünkre mutat – például: