ジット・ブラウザ ジット-4プラットフォームの一部 EN-CA |

HeadlessChrome101: Jit-BrowserがChromeをフルマルチファンクションのブラウザー–サーバーブラウザーレイヤーに変える方法

これは、Jit-BrowserがヘッドレスChromeで何をするのか、独自のJit-TRランタイムをどのように使用するのか、そしてこれを単なるスクリプトではなく一流のブラウザ機能にするためにまだ必要なものについての平易な言葉での説明です。

シンプルなスクリーンショットツールからJit-Browserへ

私たちは小さなコマンドラインツールから始めました: getpage https://example.com page.png. これはDockerコンテナ内でChromeを起動し、pageからレンダリングされたexample.comのスクリーンショットを撮り、終了しました。

有用な概念実証です。すべての呼び出しはコールドスタートでした。翻訳、セッション、または状態について何も知りませんでした。それはただのヘッドレスカメラでした。

Jit-Browserは次のステップです。まだ実際のChromeを使用していますが、今では:

  • ページ内で何が起こるかを記録します。
  • Jit-TRスクリプトを翻訳レイヤーとして注入します。
  • クッキーバナーやドロップダウンのようなシンプルなフローを追跡できます。
  • スクリーンショットだけでなく、完全に翻訳されたHTMLをキャプチャします。

このページはそのパイプラインを説明しており、私たちが手を振っているわけではないことを示しています。ブラウザーレベルの多言語レイヤーが実際にどのように機能するかを示しています。

Jit-Browserパイプラインの6ステップ

高レベルでは、すべてのキャプチャは同じシーケンスに従います。

  1. Docker内で実際のChrome（ヘッドレス）を起動します。
    Puppeteer（pptr.dev）を使用して、通常のブラウザを動かすのと同じエンジンを起動しますが、可視ウィンドウはありません。カスタムパーサーも偽のレンダリングもありません。
  2. クッキーやログイン状態を適用します（設定されている場合）。
    ログインセッションが必要なデモでは、クッキーを再生します。ブルートフォースもパスワード推測も、制御していないアカウントのスクレイピングもありません。
  3. ユーザーと同じようにターゲットページをロードします。
    HTML、CSS、JavaScript、フォント、画像。 networkidle2 (https://pptr.dev/api/puppeteer.page.waitfornetworkidle)を待って、遅いバンドルやフォントの読み込みが完了するのを待ちます。
  4. Jit-TRスニペットをレイヤーとして注入します。
    特許出願中のランタイムコードを指すスクリプトタグを追加します – 例えば: