HeadlessChrome101: Jak Jit-Browser przekształca Chrome w pełnoprawną przeglądarkę wielofunkcyjną – warstwa przeglądarki-serwera

To jest przewodnik w prostym języku, który opisuje, co Jit-Browser robi z headless Chrome, jak wykorzystuje własny czas wykonania Jit-TR i co jeszcze jest potrzebne, aby uczynić to funkcją przeglądarki pierwszej klasy, a nie tylko kolejnym skryptem.

Od prostego narzędzia do zrzutów ekranu do Jit-Browser

Zaczęliśmy od małego narzędzia wiersza poleceń: getpage https://example.com page.png. Uruchomiło to Chrome w kontenerze Docker, zrobiło zrzut ekranu renderowanej strony example.com i zakończyło działanie.

Przydatny dowód koncepcji. Każde wywołanie było zimnym startem. Nie wiedziało nic o tłumaczeniu, sesjach ani stanie. Było po prostu headless kamerą.

Jit-Browser to następny krok. Nadal używa prawdziwego Chrome, ale teraz:

Rejestruje, co się dzieje wewnątrz strony.
Wstrzykuje skrypt Jit-TR jako warstwę tłumaczenia.
Może śledzić proste przepływy, takie jak banery cookie lub rozwijane menu.
Przechwytuje w pełni przetłumaczony HTML, a nie tylko zrzut ekranu.

Ta strona wyjaśnia ten proces, abyś mógł zobaczyć, że nie machamy rękami. Pokazujemy, jak warstwa wielojęzyczna na poziomie przeglądarki może faktycznie działać.

Proces Jit-Browser w 6 krokach

Na wysokim poziomie każde przechwycenie podąża za tą samą sekwencją.

Uruchom prawdziwe Chrome (headless) w Dockerze.
Używamy Puppeteer (pptr.dev), aby uruchomić ten sam silnik, który napędza normalne przeglądarki, ale bez widocznego okna. Żadnego niestandardowego parsera, żadnego fałszywego renderowania.
Zastosuj pliki cookie lub stan logowania (jeśli skonfigurowano).
Dla demonstracji, które potrzebują sesji zalogowanej, odtwarzamy twoje pliki cookie. Żadnej brutalnej siły, żadnego zgadywania haseł, żadnego skanowania kont, których nie kontrolujemy.
Załaduj docelową stronę dokładnie jak użytkownik.
HTML, CSS, JavaScript, czcionki, obrazy. Czekamy na networkidle2 (https://pptr.dev/api/puppeteer.page.waitfornetworkidle), aby wolne pakiety i czcionki mogły zakończyć ładowanie.
Wstrzyknij fragment Jit-TR jako warstwę.
Dodajemy tag skryptu wskazujący na nasz kod czasu wykonania w trakcie oczekiwania na patent – na przykład: