Jit-Browser Osa Jit-4 alustasta EN-CA

HeadlessChrome101: Kuinka Jit-Browser Muuttaa Chromen Täysimittaiseksi Monitoimiselain–Palvelin-Selainkerros

Tämä on selkokielinen opas siitä, mitä Jit-Browser tekee headless Chromen kanssa, kuinka se käyttää omaa Jit-TR-aikajanaa ja mitä vielä tarvitaan, jotta tämä olisi ensiluokkainen selainominaisuus eikä vain toinen skripti.

Yksinkertaisesta kuvakaappaustyökalusta Jit-Browseriin

Aloitimme pienellä komentorivityökalulla: getpage https://example.com page.png. Se käynnisti Chromen Docker-kontissa, otti kuvakaappauksen renderoidusta example.com-sivusta ja sulkeutui.

Hyödyllinen konseptin todistus. Jokainen kutsu oli kylmäkäynnistys. Se ei tiennyt mitään käännöksistä, istunnoista tai tilasta. Se oli vain headless-kamera.

Jit-Browser on seuraava askel. Se käyttää edelleen oikeaa Chrometa, mutta nyt:

  • Se kirjaa, mitä sivulla tapahtuu.
  • Se injektoi Jit-TR-skriptin käännöskerrokseksi.
  • Se voi seurata yksinkertaisia virtoja, kuten evästebannerit tai avattavat valikot.
  • Se tallentaa täysin käännetyn HTML:n, ei vain kuvakaappausta.

Tämä sivu selittää tuon putken, jotta voit nähdä, ettemme vain heiluttele käsiämme. Näytämme, kuinka selain-tason monikielinen kerros voi todella toimia.

Jit-Browser-putki 6 vaiheessa

Korkealla tasolla jokainen kaappaus seuraa samaa järjestystä.

  1. Käynnistä oikea Chrome (headless) Dockerissa.
    Käytämme Puppeteeria (pptr.dev) käynnistämään saman moottorin, joka voimaa normaaleja selaimia, mutta ilman näkyvää ikkunaa. Ei mukautettua jäsentä, ei vale-renderöintiä.
  2. Sovella evästeitä tai kirjautumistilaa (jos määritetty).
    Demonstraatioissa, jotka tarvitsevat kirjautuneen istunnon, toistamme evästeesi. Ei raakavoimaa, ei salasanan arvaamista, ei tilien kaappaamista, joita emme hallitse.
  3. Lataa kohdesivu tarkalleen kuten käyttäjä.
    HTML, CSS, JavaScript, fontit, kuvat. Odotamme networkidle2 (https://pptr.dev/api/puppeteer.page.waitfornetworkidle), jotta hitaat paketit ja fontit voivat ladata loppuun.
  4. Injektoi Jit-TR-koodinpätkä kerroksena.
    Lisäämme skriptitaggin, joka osoittaa patenttihakemuksemme aikajanaan – esimerkiksi: