Jit-Browser Part de la plateforme Jit-4 EN-CA |

HeadlessChrome101: Com Jit-Browser es converteix Chrome en un navegador complet de múltiples funcions - capa de navegador-servidor

Aquesta és una guia en llenguatge senzill sobre el que fa Jit-Browser amb Chrome sense cap capçalera, com utilitza el runtime propietari Jit-TR i què es necessita encara per fer d'això una característica de navegador de primera classe en comptes d'un altre script.

D'una eina senzilla de captura de pantalla a Jit-Browser

Vam començar amb una petita eina de línia de comandes: getpage https://example.com page.png. Va iniciar Chrome en un contenidor Docker, va fer una captura de pantalla de l'exemple.com renderitzat des de la pàgina i va sortir.

Prova de concepte útil. Cada trucada era un inici en fred. No sabia res sobre traducció, sessions o estat. Era només una càmera sense capçalera.

Jit-Browser és el següent pas. Encara utilitza Chrome real, però ara:

  • Registra el que passa dins de la pàgina.
  • Injecta el script Jit-TR com a capa de traducció.
  • Pot seguir fluxos senzills com pancartes de galetes o menús desplegables.
  • Captura el HTML totalment traduït, no només una captura de pantalla.

Aquesta pàgina explica aquest pipeline perquè puguis veure que no estem parlant a l'atzar. Estem mostrant com una capa multilingüe a nivell de navegador pot funcionar realment.

El pipeline de Jit-Browser en 6 passos

A un nivell alt, cada captura segueix la mateixa seqüència.

  1. Llança Chrome real (sense capçalera) dins de Docker.
    Utilitzem Puppeteer (pptr.dev) per iniciar el mateix motor que alimenta els navegadors normals, però sense una finestra visible. Sense parser personalitzat, sense renderització falsa.
  2. Aplica galetes o estat de connexió (si està configurat).
    Per a demostracions que necessiten una sessió iniciada, reproduïm les teves galetes. Sense força bruta, sense endevinació de contrasenyes, sense raspallament de comptes que no controlem.
  3. Carrega la pàgina objectiu exactament com un usuari.
    HTML, CSS, JavaScript, fonts, imatges. Esperem per networkidle2 (https://pptr.dev/api/puppeteer.page.waitfornetworkidle) perquè els paquets lents i les fonts puguin acabar de carregar.
  4. Injecta el fragment Jit-TR com a capa.
    Afegim una etiqueta de script que apunta al nostre codi de runtime pendent de patent - per exemple: