Jit-Browser Deo Jit-4 platforme EN-CA |

HeadlessChrome101: Kako Jit-Browser pretvara Chrome u potpuno višenamenski pregledač–Server-Pregledač sloj

Ovo je vodič na jednostavnom jeziku o tome šta Jit-Browser radi sa headless Chrome-om, kako koristi vlasnički Jit-TR runtime, i šta je još potrebno da bi ovo postalo funkcija prvog reda umesto samo još jednog skripta.

Od jednostavnog alata za snimanje ekrana do Jit-Browser-a

Počeli smo sa malim alatom za komandnu liniju: getpage https://example.com page.png. Pokrenuo je Chrome u Docker kontejneru, napravio snimak ekrana renderovanog example.com sa stranice, i izašao.

Koristan dokaz koncepta. Svaki poziv je bio hladno pokretanje. Nije znao ništa o prevođenju, sesijama ili stanju. Bio je to samo headless fotoaparat.

Jit-Browser je sledeći korak. I dalje koristi pravi Chrome, ali sada:

  • Prati šta se dešava unutar stranice.
  • Ubaci Jit-TR skript kao sloj za prevođenje.
  • Može pratiti jednostavne tokove kao što su kolačići ili padajući meniji.
  • Hvata potpuno preveden HTML, ne samo snimak ekrana.

Ova stranica objašnjava taj proces tako da možete videti da ne mašemo rukama. Pokazujemo kako sloj višejezičnosti na nivou pregledača može zapravo raditi.

Jit-Browser proces u 6 koraka

Na visokom nivou, svaki snimak prati istu sekvencu.

  1. Pokrenite pravi Chrome (headless) unutar Dockera.
    Koristimo Puppeteer (pptr.dev) da pokrenemo isti motor koji pokreće normalne pregledače, ali bez vidljivog prozora. Nema prilagođenog parsera, nema lažnog renderovanja.
  2. Primeni kolačiće ili stanje prijave (ako je konfigurisan).
    Za demonstracije koje zahtevaju prijavljenu sesiju, ponovo reprodukujemo vaše kolačiće. Nema brutalne sile, nema pogađanja lozinki, nema sakupljanja naloga koje ne kontrolišemo.
  3. Učitajte ciljnu stranicu tačno kao korisnik.
    HTML, CSS, JavaScript, fontovi, slike. Čekamo na networkidle2 (https://pptr.dev/api/puppeteer.page.waitfornetworkidle) tako da spore grupe i fontovi mogu završiti učitavanje.
  4. Ubaci Jit-TR isječak kao sloj.
    Dodajemo skript tag koji upućuje na naš kod u postupku koji je na čekanju za patent – na primer: