Jit-Browser Μέρος της πλατφόρμας Jit-4 EN-CA

HeadlessChrome101: Πώς το Jit-Browser μετατρέπει το Chrome σε έναν πλήρη πολυλειτουργικό περιηγητή–Επίπεδο διακομιστή-περιηγητή

Αυτή είναι μια απλή περιγραφή του τι κάνει το Jit-Browser με το headless Chrome, πώς χρησιμοποιεί το ιδιόκτητο runtime Jit-TR και τι χρειάζεται ακόμα για να γίνει αυτή μια χαρακτηριστική δυνατότητα του περιηγητή αντί για απλώς ένα άλλο σενάριο.

Από ένα απλό εργαλείο στιγμιότυπου οθόνης στο Jit-Browser

Ξεκινήσαμε με ένα μικρό εργαλείο γραμμής εντολών: getpage https://example.com page.png. Ξεκίνησε το Chrome σε ένα κοντέινερ Docker, πήρε ένα στιγμιότυπο της rendered example.com από τη σελίδα και εξήλθε.

Χρήσιμο αποδεικτικό της έννοιας. Κάθε κλήση ήταν μια κρύα εκκίνηση. Δεν ήξερε τίποτα για μετάφραση, συνεδρίες ή κατάσταση. Ήταν απλώς μια headless κάμερα.

Το Jit-Browser είναι το επόμενο βήμα. Χρησιμοποιεί ακόμα το πραγματικό Chrome, αλλά τώρα:

  • Καταγράφει τι συμβαίνει μέσα στη σελίδα.
  • Εισάγει το σενάριο Jit-TR ως επίπεδο μετάφρασης.
  • Μπορεί να ακολουθήσει απλές ροές όπως banners cookie ή αναπτυσσόμενα μενού.
  • Καταγράφει το πλήρως μεταφρασμένο HTML, όχι απλώς ένα στιγμιότυπο.

Αυτή η σελίδα εξηγεί αυτή τη ροή ώστε να μπορείτε να δείτε ότι δεν κάνουμε απλώς λόγο. Δείχνουμε πώς μπορεί να λειτουργήσει ένα πολυγλωσσικό επίπεδο σε επίπεδο περιηγητή.

Η ροή του Jit-Browser σε 6 βήματα

Σε υψηλό επίπεδο, κάθε καταγραφή ακολουθεί την ίδια ακολουθία.

  1. Εκκινήστε το πραγματικό Chrome (headless) μέσα σε Docker.
    Χρησιμοποιούμε το Puppeteer (pptr.dev) για να ξεκινήσουμε την ίδια μηχανή που τροφοδοτεί τους κανονικούς περιηγητές, αλλά χωρίς ορατό παράθυρο. Κανένας προσαρμοσμένος αναλυτής, καμία ψεύτικη απόδοση.
  2. Εφαρμόστε cookies ή κατάσταση σύνδεσης (αν έχει ρυθμιστεί).
    Για επιδείξεις που χρειάζονται μια συνδεδεμένη συνεδρία, αναπαράγουμε τα cookies σας. Καμία βίαιη δύναμη, καμία μαντεψιά κωδικών, καμία συλλογή λογαριασμών που δεν ελέγχουμε.
  3. Φορτώστε τη στοχευμένη σελίδα ακριβώς όπως ένας χρήστης.
    HTML, CSS, JavaScript, γραμματοσειρές, εικόνες. Περιμένουμε για networkidle2 (https://pptr.dev/api/puppeteer.page.waitfornetworkidle) ώστε οι αργές δέσμες και οι γραμματοσειρές να ολοκληρώσουν τη φόρτωση.
  4. Εισάγετε το απόσπασμα Jit-TR ως επίπεδο.
    Προσθέτουμε μια ετικέτα script που δείχνει στον κωδικό μας που είναι σε εκκρεμότητα για δίπλωμα ευρεσιτεχνίας – για παράδειγμα: